Luke Wroblewskit (@lukew) and Jason Weaver (@mrjasonweaver) demonstrate how to optimize navigation to take touch and ergonomics into account.
A great tutorial on how to create a multi-toggle navigation. Check out more complex navigation patterns as well.
One of the biggest questions I get about responsive design is “How do I handle complex/multi-level navigation?” This is my attempt to answer that question.
A nice tutorial demo of a complex navigation by Saddam Azad (@azadcreative).
Microsoft is sporting a new responsive homepage. Nice handling of a multi-level navigation
Michael Scharnagl (@justmarkup) demonstrates the “priority +” pattern as a nice solution for complex navigation. See it in action and check out other responsive navigation patterns.
Nice design that utilizes the footer anchor navigation pattern, but adds an animated scroll and super chunky footer links for maximum tappability. It also looks really nice on large screens.
Roger Johansson (@rogerjohansson), one of the masters of accessibility, weighs in on responsive navigation and why the select responsive navigation pattern should be avoided.
Aaron Gustafson (@aarongustafson) brilliantly walks through how to create a mobile-first, responsive and accessible navigation.
A neat little responsive site that, as Jeremy Keith points out, takes a content-first, navigation-second approach, utilizing a little display: table-caption trick that Jeremy demonstrated.
The new official Georgia government site is now responsive, however it’s using the “hide n’ cry” method of responsive navigation.