Top 5 Jquery plug-ins for Responsive Web Design

Published on May 5, 2013

First of all Responsive design is art for creating web site that can target multiple devices. Smart phone prices are going down so people started using smart phones for browsing instead of desktop. Making Responsive design is not that easy. But fortunately we have number of free tool on internet. Here I am listing out such tools which can help you create responsive web design so easily.

1)Adapt.js

This is from very famous css framework 960.gs. It is a very light weight plugin. It support the devices from 2520 to 320 px width devices. It supports 12 columns gird system.

2)Response.js

This is another light weight plugin. It follows mobile first approach. It has a facility of dynamic block swapping.

3)Head.js

Basically Head.js not meant for responsive webdesign. Head.js will be used to parallel script loading. By using this plug-in we can improve performance of webpage. The webpage load time will increased by 50% after i used it in one of my web site. I am listing it here because it has a great feature of supporting responsive design also. We just need to create classes like .lt-1024,.lt-980,so on.

4)jQuery Masonry

Masonry will be very useful if you want to build pinterest like website. It is a responsive dynamic grid support jquery plugin. This will automatically adjust the blocks according to available space on screen.

5)Skeleton

Skeleton is more then just responsive design. Skeleton is almost like twitter bootstrap plug in. It has so many features besides media query support.