17 Extremely Useful jQuery Plugin for Developers

4,901 views In Tools by Sheila Mahusay Nov 1st, 2012 2 Comments

Every day websites are progressing from simple to advance in terms of usability and user experience. jQuery has a great role in this progression. It has change the way how the users interact the websites and web applications. So today, we showcase 17 Extremely Useful jQuery Plugins that you can use for your next project.

You may also want to read the related articles below.

1. Sly – jQuery Plugin

jQuery plugin for one-directional scrolling with item based navigation support

2. jQuery Retina Display Plugin

The jQuery Retina Display plugin will substitute high resolution versions of your images (if they exist) for high resolution displays (such as iPhone 4) only.

3. The Wookmark jQuery plugin

Wookmark is a grid layout on wookmark.com is created so we created this simple plugin. It lays out a series of elements in a dynamic column grid.

4. PFold: Paper-Like Unfolding Effect

PFold is a very experimental jQuery plugin that makes it possible to open elements in a paper-like unfolding effect. An element can be unfolded in 3D in order to reveal some other content. The idea is to have several levels of folding, where each step of opening will double the element size, hence imitating a folded paper being opened.

5. Adipoli

Adipoli is a simple jQuery plugin used to bring stylish image hover effects.

6. Freetile.js

Freetile is a plugin for jQuery that enables the organization of webpage content in an efficient, dynamic and responsive layout. It can be applied to a container element and it will attempt to arrange it’s children in a layout that makes optimal use of screen space, by “packing” them in a tight arrangement. Freetile has been the layout engine behind Assemblage and Assemblage Plus for almost two years, and now it becomes available as an independent Open Source project.

7. jQuery Collapse

A lightweight (~1kb) jQuery plugin that enables expanding and collapsing content

8. Baseline.js

mplementing a vertical baseline can be pretty easy. But maintaining one can be difficult, particularly with the addition of images in articles and webpages. That’s where Baseline.js steps in.

9. iosSlider

iosSlider is a jQuery plugin which allows you to integrate a customizable, cross-browser content slider into your web presence. Designed for use as a content slider, carousel, scrolling website banner, or image gallery.

10. slideControl.js

jQuery plugin that allows you to easily make sliders for range inputs.

11. BlackAndWhite

This plug-in can easily convert any colored image into a B&W greyscale image. It uses the the HTML5 canvas tag and a fallback for the old browsers

12. Tooltipster

Tooltipster is a lightweight jQuery plugin that enables you to easily create clean, HTML5 validated tooltips.

13. Backstretch

A simple jQuery plugin that allows you to add a dynamically-resized, slideshow-capable background image to any page or element

14. jquery-instagram

A simple jQuery plugin to show a list of Instagram photos.

15. jQuery Transit

Super-smooth CSS3 transformations and transitions for jQuery — v0.1.3

16. Cycle2

Cycle2 is a versitile slideshow plugin for jQuery built around ease-of-use. It supports a declarative initialization style that allows full customization without any scripting. Simply include the plugin, declare your markup, and Cycle2 does the rest.