Flexible Navigation

Abstract

In the last chapter we discussed creating a responsive, flexible layout and worked through several patterns. But none of them had the one element that you find on virtually every website: the navigation menu. Even though responsive navigation uses some of the tricks of responsive layout, it has its own problems and patterns, so I wanted to discuss it separately. One big difference between the patterns here and those in the last chapter is that JavaScript can start playing a major part, though this will bring in its own challenges. Note that all samples assume the basic CSS reset that was used at the beginning of Chapter 2. The samples were all tested on our standard device testing set as listed in the introduction.