CSS-Tricks PSD to HTML

CSS-Tricks Video Screencast #7:

Three State Menu

Using a variation of the CSS Sprites technique, we can create a "three state" menu using only one image per menu item. This reduces the number of requests on your server as well as elminates any "pauses" while moving to a different state like some other techniques can have. This tutorial takes you all the way through the process of creating the images to the HTML to the CSS.

Running time: 16 minutes

Links from video:
Article & Discussion
View Demo
Download Files

Direct Download
(Higher quality, Quicktime .M4V Format)

Get the Flash Player to see this player.

footer