Get new jQuery plugins just once a week

×

Responsive Elements

September 23, 2013

Responsive Elements | Adapt your elements accorgin to element width

Responsive elements is a jQuery plugin that makes it possible for any element to adapt and respond to the area they occupy. It’s a tiny javascript library that you can drop into your projects today.It works by attaching classes to hold information. They tell you how big your element is. Classes are prepended with either ‘lt’ or ‘gt’ which stand for ‘less than’ and ‘greater than’. These classes always reflect the real width of the element. That is what makes responsive elements possible.
You can also Optionally declare start, end and interval values on your data-respond attribute to control breakpoints generation
A class of ‘gt300’ means the element has a width ‘greater than’ 300 pixels.You can then style your css as

.quote.gt300 {background: red}

Created by Kumail Hunaid.

Download

Example

Responsive Elements

breakpoint jquery plugin

Responsive Elements

Related posts:

Footable
Tipue Drop
Restive-js
Responsive Elements

http://jquer.in/wp-content/uploads/2013/09/Responsive-Elements.jpg

jQuery plugin

Sign up for our weekly newsletter.

* We won't spam you ever