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 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 is an experimental opensource jQuery image slider plugin which has been written specifically to work with fluid/responsive web layouts.
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.
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 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 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 is a fullscreen background slideshow built using the jQuery library. This jQuery script looks great and will surely save you a lot of time.
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 is a jQuery plugin for making scrolling presentation decks. It’s a great jQuery plugin for web developers.