Last August we published our original post on responsive navigation solutions, and even after only six months that post seems out-dated and almost reduntant. RWD techniques are moving on so fast that we felt we had to publish an up-to-date post for you.

Last year converting your navigation into a <select> drop-down menu was all the rage. Now, its all about the “three line” toggle menu, drawer-style nav and animated side panels (Facebook-a-like). Hope these resources help you:

This tutorial shows you how to, with a relatively short amount of code, progressively enhance a responsive site and build a “three line” responsive menu without adding additional markup to the page. All additional markup will be included dynamically using jQuery.

Responsive Three Line Menu