You are currently browsing the demo. Please read the full tutorial here: Building a Responsive, Mobile-First Navigation Menu.

This tutorial demonstrates how to build a responsive navigation menu using bits and pieces borrowed from 320 and Up, the Bootstrap Framework and HTML5 Boilerplate Mobile. The hands-on tutorial is designed for web developers of beginner and intermediate levels.

The aim of the tutorial is to create a navigation menu that displays native controls on mobile devices and tablets whilst presenting a solid Dropdown Navigation for the desktop users. This is a practical example of how to build essential website components using the Mobile First approach.

The tutorial is authored by Saddam Azad, a freelance User Interface Designer and Front-End Web Developer living in London, United Kingdom. He is an experienced professional with an extensive portfolio of world class work.

Screen width: