There are many jQuery plugins available to implement Slide out menus or Navigation Drawer which is compatible to almost all browsers and devices. Now a days these Slide out menus are implemented not only for tablets or mobile apps but also implemented in desktop websites, blogs or apps as it saves lot of space to accommodate and prioritize your main content.
You might have already observed these slide out or dock menus in almost all the apps like YouTube, Google Plus, Facebook in your mobile or tablet which actually saves a lot of space and is easy to navigate.
I don’t want to mess up your mind with many options – Here are just few list plugins or codes which I found to be very minimal and easy to implement Navigation Drawer or slide out menu. Following are couple of interesting jQuery plugins which are easy to implement and the last one in this list is my favorite though.
Jump to your favourite topic
– Sliding menus for your website
A jQuery plugin which slides a webpage over to reveal an additional interaction pane by Scott Robbin
Aldomatic a front-end developer and designer recreated the slide out menu in the Facebook iPhone app. I also wanted implement it in a jQuery mobile layout and here is a quick demo.
I found this menu to be the best among all:
With just few lines of jQuery and CSS you can achieve this cool Slide out menu – pretty minimal approach to consider.
Bonus: There are other many ways to achieve these Slide out menus:
I am sure there might be some other jQuery Slide out menu plugins which you like or worked on or implemented in some of your projects – why not share the same via comments and share your experience on using it in website or web app.