Learn about Navigation

Discover the secrets of effective navigation design. Read tutorials on menu design, breadcrumb trails, and site maps, to help users find what they need quickly.
  1. Examining Responsive Navigation: Footer Patterns

    Examining Responsive Navigation: Footer Patterns

    Tutorial Intermediate

    Welcome to the second in a series which looks at responsive navigation patterns. This article will walk you through four patterns where navigation moves to...

  2. Examining Responsive Navigation Patterns

    Examining Responsive Navigation Patterns

    Tutorial Intermediate

    As web designers create more and more responsive sites, patterns continually emerge for how we handle global navigation. This is the first in a series of...

  3. A Flexible Approach to Responsive Navigation

    A Flexible Approach to Responsive Navigation

    Tutorial Beginner

    Many responsive websites provide a horizontal navigation bar on large screens and drop-down navigation for smaller viewports. It's a perfectly decent...

  4. Orman Clark's Vertical Navigation Menu: The CSS3 Version

    Orman Clark's Vertical Navigation Menu: The CSS3 Version

    Tutorial Intermediate

    Next in the Orman Clark's coded PSD series is his awesome looking Vertical Navigation Menu. We'll recreate it with CSS3 and jQuery while using the minimal...