I am in a continual process of reevaluating and documenting web development techniques that I have learned in the past. In this vain, here is a trick that I used on the Weary Davis web site for the menu. I have included an image of the entire menu unfurled for all to see. The foundation of the technique is covered well by David Shea on A List Apart in a piece entitled “CSS Sprites: Image Slicing’s Kiss of Death.” I use this technique a lot. In fact, I am using a version of it on the Robert Eatman redesign.

The benefits of this technique are clean, semantic HTML, easier asset management (i.e. one image to maintain), and pure separation of presentation from content.

This entry was posted on Monday, May 21st, 2007 at 10:27 pm and is filed under CSS, HTML, Web Development. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.