Monday, January 16, 2012

Web Design Navigation Notes

Cederholm(2008) informs several tips in making more flexible navigation using CSS.

  • Imaged based navigation make it impossible for people with poor eyesight to adjust text-size
  • An Unordered or definition list list can be used as a markup for text based navigation to organize navigation items
  • Those kinds of navigation items can be accessed by a wide range of browsers mobile or desktop
  • The text based navigation can be easily modified with out adding or removing images
  • Placing background images creatively can add detail to the navigation design without compromising flexibility
  • Scalability can attained by using ems for font-size, margins, paddings and etc...

For more information on web design:
http://www.webdesign.org/
Headfirst web design
Tips for novices

Reference:

Cederholm, D. (2007). Bulletproof web design, improving flexibility and protecting against worst-case scenarios with xhtml and css. (2nd ed.). Berkeley: New Riders Pub.

1 comment:

  1. I really appreciate your article. the post has excellent tips which are useful. this post is good in regards of both knowledge as well as information.
    http://www.grafwebcuso.com

    ReplyDelete