jq-r-1

8 jQuery Plugins For Responsive Web Design

Responsive Web Design is a relatively new technique, first described in mid-2010 by Ethan Marcotte in his A List Apart article of the same name. Put simply, it involves providing a number of site layouts adapted to various screen widths, and then serving those layouts accordingly thanks to the use of CSS3 media queries. So here are 8 jQuery Plugins For Responsive Web Design.

FitText

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.

jq-r-1

Link

FLEXSLIDER

an awesome, fully responsive jQuery slider plugin.

jq-r-2

Link

PhotoSwipe

PhotoSwipe is a FREE HTML/CSS/JavaScript based image gallery specifically targeting mobile devices.

jq-r-3

Link

FitVids.JS

A lightweight, easy-to-use jQuery plugin for fluid width video embeds.

jq-r-4

Link

Isotope

Isotope is an impressive jQuery plugin that enables us to sort items and create smart layouts.

jq-r-5

Link

Interface elements for jQuery

Interface is a collection of rich interface components which utilizes the lightweight JavaScript library jQuery. With this components you can build rich client web applications and interfaces with the same simplicity as writing JavaScript with jQuery.

jq-r-6

Link

Blueberry

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

jq-r-8

Link

Head JS

Load scripts like images. Use HTML5 and CSS3 safely. Target CSS for different screens, paths, states and browsers. Make it the only script in your HEAD. A concise solution to universal issues.

jq-r-7

Link

Published by

Joaquin

I am web designer/developer, creative blogger, wordpress user & founder of idesignow.