Tiny jQuery Plugin For Creating Any Responsive Elements

File Size: 156 KB
Views Total: 1065
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Tiny jQuery Plugin For Creating Any Responsive Elements

Responsive Elements is a small jQuery plugin that provides a simple way to create fully responsive html elements without writing any CSS media query breakpoints.

Basic Usage:

1. Include jQuery library and jQuery Responsive Elements plugin in the head section of your page

<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="responsive-elements.js"></script>

2. Create a responsive container using data-respond attribute.

<div class="quote" data-respond>
</div>

3. Use 'less than' and 'greater than' classes as breakpoints to write responsive CSS

.quote.lt500 {background: blue}
.quote.gt150.lt300 {background: red}

This awesome jQuery plugin is developed by kumailht. For more Advanced Usages, please check the demo page or visit the official website.