20 jquery Plugin for Responsive Design

Before we get into the plug-ins available for a responsive web design (RWD), let’s see what RWD is. Responsive web design is a design methodology where the website is optimized for the best viewing experience. There are a lot of tools that can be used for a responsive design and among them CSS and jQuery are the most popular methods. Here, we are going to look into 20 jQuery plug-ins that can be used for a responsive web design.

 Allofthelights.js

If designing a website without any distractions is your idea, then Allofthelights.js is your best bet. If you have a picture or an image imbedded in your site, you can use this plug-in and the visitor can toggle a button to make the site go dark, leaving the image or the video intact.

equalize.js

This plug-in helps you format all the elements on your site to a standard size, making the page aesthetically pleasing. equalize.js can be downloaded from

Adaptor

If you are looking to create 3 dimensional or 2 dimensional slideshows, Adaptor can come as a great tool. The transmissions are great and it offers support for WebKit.

ddSlick

This is a great tool to create drop down menus with images and description.

jQuery Vector Maps

If you want to render the world map in a vector based system, then this is a handy tool. The map can be used to show visitor hits and other information

jQuery Complexify

This is a plug-in that can be used to assess the user’s password strength

tablecloth.js

If you want simple customizations to style tables created with HTML, then tablecloth.js is an ideal plug-in.

HorizontalNav

This is a plug-in that will help you span the navigation menu to fit the container’s width and when the menu is longer, it automatically wraps down.

stickyMojo

This is a sticky sidebar plug-in that is compatible with almost every major web browser available.

BigVideo.js

This plug-in helps you to proportionately fit a video to your website.

trunk8

If you want to truncate text while formatting text boxes on your site

Tooltipster

This is a tool that will help you validate HTML tool tips.

Socialist Social Media Plugin

Socialist Social Media Plugin is a really great tool to embed your social media streams on your website

tiltShift.js

If you want to simulate the tilt shift lens effects on your image, this is a great tool. It uses CSS filters

ImageMapster

This is a plug-in that allows you to create HTML maps without using Flash

BookBlock

This is a tool that will allow you to create content that flows like a booklet

gridster.js

gridster.js allows you to create dynamic layouts that can be dragged into multiple columns.

Fresco

Fresco is basically a light box plug-in

jQuery Picture

This is a tool that helps you add responsive images with custom data.

iView Slider

This is a slideshow creator and can also be used to create image galleries and banners. iView Slider can be downloaded from

These are some of the plug-ins that can be used for responsive web design.

Email this to someoneShare on Facebook0Share on Google+0Share on StumbleUpon1Tweet about this on TwitterShare on Reddit1Pin on Pinterest0Digg this
No comments yet.

Leave a Reply