head

jQuery plugins play an essential part in any website these days. It helps us to perform bundle of tasks in few easy steps. Here are few best jquery plugins which have been mostly using in 2013.

FlowType.JS

8

What does FlowType.JS do?
Ideally, the most legible typography contains between 45 and 75 characters per line. This is difficult to accomplish for all screen widths with only CSS media-queries. FlowType.JS eases this difficulty by changing the font-size and subsequently the line-height based on a specific element’s width. This allows for a perfect character count per line at any screen width.

Read & Download

jQuery.Pin

1

Ever wanted to pin something to the side of a text? Ever needed a subtle sticky element to quietly hang around as you scroll down?
jQuery.Pin is here to help! Pin any element to the top of a container. Easily disable it for smaller screen-sizes where there’s no room for that kind of shenanigans.

Read & Download

NProgress.js

7

A nanoscopic progress bar. Featuring realistic trickle animations to convince your users that something is happening!

Read & Download

scrollUp jQuery plugin

3

ScrollUp is a lightweight jQuery plugin to create a customisable “Scroll to top” feature that will work with any website, with ease.

Read & Download

Image Picker

2

Image Picker is a simple jQuery plugin that transforms a select element into a more user friendly graphical interface.

Read & Download

SQUISHY

4

Squishy is a jQuery plugin that automatically resizes text to exactly fit the container with no extra work on your part. You get it to work by linking the script file and including a declaration like the one below in your HTML:

Read & Download

Fancy Input

9

Read & Download

JResponsive

6

JResponsive will organize your content in an efficient, dynamic and responsive layout. It can be applied to a container element and it will arrange its children in a layout that makes optimal use of screen space, by “packing” them in tightly. One of the very famous website that using this type of layout is Pulse.

Read & Download

jQuery Scroll Path

10

Read & Download

Snap.svg

5

Why SVG (and Snap)?
SVG is an excellent way to create interactive, resolution-independent vector graphics that will look great on any size screen. And the Snap.svg JavaScript library makes working with your SVG assets as easy as jQuery makes working with the DOM.

Read & Download
If you enjoyed this post, please consider leaving a comment below or subscribing to the RSS feed to have future articles delivered to your feed reader. You can also follow us on Facebook or Twitter @designlooper

Show some Love :)

About The Author

J. Morris is the Co-Founder & Editor of DesignLooper. He is also a Web Designer who loves to build responsive web designs.