We love responsive web design and rightfully so. As a matter of fact, it’s almost mind boggling when a website isn’t responsive these days. It’s been a trend on the up and up for a while now. It’s also been a trend that seems to change and create new technology every week to make it better.
One of the hardest parts of creating responsive designs is creating navigation menus that work on the larger screens as well as on the smaller screens. With responsive design, we can’t just take a whole website and scale it down; we have to actually plan it out so that it makes sense on mobile phones, tablets and desktops.
It’s easy to feel like there’s only so many ways to scrunch a large menu up into one small screen. You’d be surprised! Today, we’re going to show off some responsive sites that did a great job in keeping their navigation neat and their site intact. You’ll notice some sites that look totally different scaled down and others that added just a nice new element in the menu to make it exciting even on smaller screens.
Ableton
Bretzel et Bredele
Adaptive Path
Jan Finnesand
Not Complex
Andre Maurice
United Pixel Workers
Oliver Russell
Hicksdesign
Design Made in Germany
Digital Atelier
William Csete
Shiny Demos
Future of Web Design
Middlesex-London Health Unit
Aids.gov
Starbucks
Zurb
CSS Tricks
The Work Cycle
Gold Interactive
Harvard University
Boston Globe
Disney
Sketchin
Contents Magazine
Children’s Museum Pittsburgh
The Haberdash Fox
Dadaab Stories
National Society of Collegiate Scholars
Have you constructed a responsive navigation element? Is there a more challenging aspect of responsive design? Let us know your thoughts in the comments.
| Vandelay Web & Responsive Design Kit: 400+ Elements – only $27! |  |
     |