Web Code How To
Get flash to fully experience Pearltrees
Font sizing with rem
Determining a unit of measurement to size our text can be a topic of heated debate, even in this day and age.Wordpress
Jquery Tutorials/Helpers
CSS Code Snippets
CSS Trcks Downloads
CSS Layouts
How to Add Variables to Your CSS Files
Let’s try something different on nettuts+ today. Any designer who has worked with large CSS files will agree that its major weakness is its inability to use variables. In this article, we will learn how to implement variables by using PHP and Apache’s URL rewrite mod.
This entry is part 16 of 16 in the CSS3 Mastery Session - Show All « Previous
How to Build a Kick-Butt CSS3 Mega Drop-Down Menu
How to Use the Sticky Footer HTML & CSS Code
Be sure to read the Known Issues at the bottom of this page . It will help prevent a lot of mistakes that can take hours to debug. Introduction
…and other CSS Frameworks “ Sticky Footers” are containers that stick to the bottom of every page, no matter how much whitespace is between the footer and the preceding content. A popular method involves fixed height, negative margins & paddings as well as a number of hacks to ensure cross-browser compatibility. Here’s how you adapt CSS Sticky Footer to the 960.gs Grid CSS Framework:
Sticky Footer in 960 Grid System on signalkraft
While waiting our SEO series to come out, I showcased for you pretty huge and comprehensive navigation, menu and button tutorial article. All of those tutorials are selected carefully just featuring here, the most high quality ones. Navigation is very important aspect in every web-design, because it is usually the place where people will click the most as well as notice creative and usable buttons.
50 Really High Quality Photoshop Navigation Menu Tutorials
This tutorial will show you how to make a semi-transparent Vista-inspired menu using gradients, shadows, and blurring to produce a stunning modern effect. Step 1 Open a new canvas that is 600x335px.
How To Create a Stunning Vista Inspired Menu
In this tutorial I will be showing you how to piece together an interactive picture – aka an image that contains tooltips and popup boxes. This can be useful for showing off a particular aspect of a photo (ie items or people). The original inspiration for this tutorial came from the IKEA website , which uses Flash to accomplish something similar, although admittedly with a few extra features.
Making an Interactive Picture with jQuery
CSS3 Rounded Image With jQuery
The other day I was trying to style CSS3 border-radius to image element and I realized that Firefox doesn't display border-radius on images. Then I figured a way to work around it — wrap a span tag around with the original image as a background-image.
Contextual Slideout Tips With jQuery & CSS3
By now, you’ve probably heard about Adobe’s new CS5 software pack.
AutoCompleter Tutorial As always, links to a demo and ZIP at the bottom, Enjoy! I thought i would write this tutorial because most of the auto completer applications i have seen just dump the code into a zip and tell you how to use it rather than how and why it works, knowing about this enables you to customise it a lot more (this has been demonstrated with the other apps i have written here)!
Nodstrum
Content doesn’t always have to stay visible. Sometimes it can hide in the most unexpected locations. In this tutorial we’ll start with a cartoon themed header, build two different states for content and animate a transition between them using jQuery.
How to Make an Impressive Animated Landscape Header with jQuery
Since I’ve gotten lots of emails asking me how I created the fading header graphic for Bits and Pixels I’m going to write a tutorial explaining how created the effect. I’ll be creating the effect using some basic XHTML and CSS and some unobtrusive Javascript, using the jQuery library, for the effect itself. I’ve chosen jQuery because I like the way it’s built, find the elements you wish and do something with them.
Creating a fading header | Swedish fika
a jQuery plugin that allows you to animate CSS properties based on distance to an object by Scott Robbin Download Approach Now jQuery Approach works in a very similar manner to jQuery animate, however it animates over distance instead of time. The closer you get to the object, the more the style will be applied. For example, you could use approach on an element's opacity, increasing the opacity as you get closer.