Creating a series of web pages implies that you will create navigation to move between them. The form of this navigation depends on many factors, including site scope, user needs and viewport size.
Prerequisites: The CSS reading list to this point
Time: 2 hours
Core Material
CSS Properties & Principles
Text Decoration Styling
Limits on Styling Visited Links
Introduction to Hierarchical Navigation
Ligature Icon Fonts
cursors
Navigational Patterns
Simple Animated Menu Bar
Vertical Navigation Bar
Accordion Menu
Drop-down Menu
Tab Navigation
Rock Band Navigation
Angled Navigation
Diamond Mesh Navigation
Honeycomb Navigation w/ Random Highlights
Stretchy Navigation
Horizontal Reverse-Focus Navigation
Center-Aligned Logo Navigation
Previous-Next Navigation
Porthole Profile Navigation
Radial Pop-Out Social Media Navigation
Window Toggle Events




Simple Animated Menu Bar
Vertical Navigation Bar
Accordion Menu
Drop-down Menu
Tab Navigation
Rock Band Navigation
Angled Navigation
Diamond Mesh Navigation
Honeycomb Navigation w/ Random Highlights
Stretchy Navigation
Horizontal Reverse-Focus Navigation
Center-Aligned Logo Navigation
Previous-Next Navigation
Porthole Profile Navigation
Radial Pop-Out Social Media Navigation
Window Toggle Events
Photograph by Viewminder, licensed under Creative Commons
Enjoy this piece? I invite you to follow me at twitter.com/dudleystorey to learn more.