For the most of us, the most difficult aspect of building a responsive layout is the planning and coding of its navigation. As there is no truly tried and tested universal solution, the style of the menu you use will depend on the type of site you are building.

If it is a small site, a <select> drop-down menu or a basic “three line” toggle menu will probably be suffice. But if it is a larger site (an ecommerce store for example) that relies upon a mega-menu for navigation on its desktop version, then a drawer-style navigation or an animated side panel menu will most likely help you.

So, no matter what type of site you are building, in this post we will hopefully have the solution for you in the form of these jQuery plugins.

Sidr is an easy to use plugin that will create a responsive Facebook-a-like side menu. It allows you to create multiple sidrs menus on either side of your layout.
(We use Sidr on Speckyboy).

Sidr