3

10 Free jQuery Plugins for Responsive Web Design

82
Share!

Responsive web design is very high in demand nowadays. Responsive layouts give designers the possibility of offering optimized screen sizes depending on various devices such as cell phones, tablets, PCs etc. When a website is browsed from other devices like mobile phones and tablets, the entire website has to be to be optimized. Here is a list of 10 JQuery plugins for responsive web design, which will help you a lot in your design process.

Looking for some inspiration? Check out these articles: Top 10 Responsive Web Design Tutorials, 10 More Incredible Examples of Responsive Web Design and 10 Incredible Examples of Responsive Web Design.

FitText 

FitText  Free jQuery Plugins for Responsive Web Design

FitText makes font-sizes flexible. Use this plugin on your fluid or responsive layout to achieve scalable headlines that fill the width of a parent element.

Blueberry 

Blueberry  Free jQuery Plugins for Responsive Web Design

Blueberry is an experimental opensource jQuery image slider plugin which has been written specifically to work with fluid/responsive web layouts.

Doubletake

Doubletake Free jQuery Plugins for Responsive Web Design

Doubletake dynamically updates the src of your images based on the browser width. Doubletake will use a defined set of breakpoints to update image SRCs when necessary.

Automatic Image Montage with jQuery

Automatic Image Montage with jQuery

With this script you can automatically create a montage, either for a liquid container or a fixed size container (including fullscreen), with the option to fill all the gaps.

Elastislide

Elastislide Free jQuery Plugins for Responsive Web Design

Elastislide is a responsive image carousel that will adapt fluidly in a layout. This is a jQuery plugin that can be laid out horizontally or vertically with a pre-defined minimum number of shown images.

ResponsiveSlides.js

ResponsiveSlides.js

ResponsiveSlides.js is a jQuery plugin that creates a responsive slider using elements inside a container. ResponsiveSLides.js works with wide range of browsers including all IE versions from IE6 and up.

Supersized 

Supersized  Free jQuery Plugins for Responsive Web Design

Supersized is a fullscreen background slideshow built using the jQuery library. This jQuery script looks great and will surely save you a lot of time.

PhotoSwipe

PhotoSwipe Free jQuery Plugins for Responsive Web Design

PhotoSwipe is a free HTML/CSS/JavaScript based image gallery for mobile devices. PhotoSwipe provides your visitors with a familiar and intuitive interface allowing them to interact with images on your mobile website.

Responsive Image Gallery with a Thumbnail Carousel

Responsive Image Gallery with a Thumbnail Carousel

This is a tutorial on how to create a responsive image gallery with a thumbnail carousel using Elastislide. The gallery will have a view switch that allows to view it with the thumbnail carousel or without. You’ll find the downloadable script at the end of the tutorial.

Scrolldeck

Scrolldeck Free jQuery Plugins for Responsive Web Design

ScrollDeck is a jQuery plugin for making scrolling presentation decks. It’s a great jQuery plugin for web developers.

Get Free Email Updates!

Sign up now and receive an email when we publish new content.

We will never give away, trade or sell your email address. You can unsubscribe at any time.

About the Author

Iggy Ko

Facebook Twitter Google+

I am the owner and main person behind WebDesignDev. I blog about all kinds of web design topics.

Iggy Ko10 Free jQuery Plugins for Responsive Web Design

Comments 3

Leave a Reply

Your email address will not be published. Required fields are marked *