• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Chapter 2. Scalable Navigation > A Bulletproof Approach

A Bulletproof Approach

With the disadvantages of the traditional techniques for designing image-based navigation behind us, let's take the tab design from LanceArmstrong.com and rebuild it employing a clean and lean standards-based method using CSS. The goal here is to address the previously outlined downsides to the traditional approach.

As with any ideal project, we first need to decide how to make the markup as meaningful and accessible as possible. For navigation, it makes perfect sense to structure a list of links as, you guessed it, a list.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint