CSS Sliding Doors

Published Date: June 27th, 2006
Category: Current Work


In addition to writing about project specifics, I like to comment on various coding methods I’ve come across that have proven useful.

While working on a recent project that involved organizing a large amount of information into an easily navigable structure, I came across the CSS sliding door technique.

This lightweight styling for tabs allows the designer to easily categorize information. Unlike  rollover images where you have to rely on JavaScript and a separate image for each state, this approach uses four images that load only once and are used for each tab regardless of size.

If you’re looking for a way to create a tabbed navigation using CSS, I encourage you to check this method out.

Comments are closed.