10 Best jQuery Plugins Of 2011

jQuery was released in 2006. Approx after 5 years, it’s still going strong and strong. jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript.

Today we are presenting “Best jQuery Plguins of 2011”, the focus this week is on jQuery plugins. Over the past eleven months we’ve seen a lot of great new plugins being released, which made choosing our favorites extremely difficult.

You may also check…

Hovercard is a cool jQuery plugin that displaying in-line related information with style when an HTML element of our choice is hovered.

A hovercard comes handy when displaying Person bio, Book author and price, Loading related information with Ajax, Editing in place, and what not!

What is so cool about this jQuery plugin!

Smoothly fades the name into a hovered card (in place).

Uses minimum css and no external stylesheets to download.

Full control over html to be displayed.

Comes with built in Twitter and Facebook hovercard.

Supports callback functions on hover in and hover out.

It is very useful for enabling users to reach micro info quickly (like a short bio, price of an item, an image, etc.) and comes with built-in Facebook + Twitter integration. Simply, it can display the details of a Facebook page or Twitter user nicely.

There are options for defining its width, position, background color and more. and also allow in-place editor.

Also, callback functions exist when hovering in and out from a Hovercard item.

FitText makes flexible font-sizesjQuery plugin for making sure a text fits into a defined element. Use this plugin on your fluid or responsive layout to achieve scalable headlinesthat fill the width of a parent element. It was made for headlines only, you shouldn’t use it on paragraph text.

It auto-updates the font-size in accordance with the width of an element wrapping it and guarantees a non-broken layout (because of the font size) even if the page is displayed from a mobile or desktop browser.

And, there are some options provided for a fine-tune including the ability to set “level of scaling” and mentioning min-max sizes.

jQuery HTML5 Uploader is a lightweight jQuery plugin that lets you to quickly add an upload system a-la-Gmail into your web app. You only need to create a dropbox element(i.e. a div) and jQuery HTML5 Uploader will do the rest. Then you can drag & drop one or more files on the element and the files will be uploaded. It also works with the multiple input file element.

jQuery HTML5 upload function is divided into two asynchronous operations: client side, the file is loaded in the browser memory with a FileReader object. Useful if you want, for example, to show the image preview while uploading a picture. The server side operation consists in sending the binary file string to the postUrl.

Few days ago we posted FitText flexible jquery plugin for font re-sizing, making sure a text fits into a defined element. Use this plugin on your fluid or responsive layout to achieve scalable headlines that fill the width of a parent element and now today we are going to present same features jQuery plugin but this time for Videos.

There are lot of jQuery slidershow available but jQuery HTML5 Slidershow using HTML5 canvas element. As the name implies, this is a special element that allows us to create and modify graphics. In addition, we can also use it like any other element on the page – apply jQuery animations on it, listen for events and integrate it deeply into our layouts.

All uses of canvas you’ve come so far are probably limited to games and other proof of concept demos. Today, however, we are doing something practical – we are making a progressively enhanced slideshow with a fancy transitioning effect, which is perfectly functional in older browsers as well . Also , make sure to have a good hosting provider, you may want to consider having a your own dedicated server to load your sites faster.

jShowOff is a jQuery plugin for creating a rotating content module. It works by creating ‘slides’ from the child elements (eg. <li>) inside a specified wrapper element (eg. <ul>) on which .jshowoff() is invoked. It then rotates through the slides, with options for controls, links, and more. This type of module is often used to promote pages, sections, or features on a site.

The output is fully customizable with options provided for setting auto play on/off, speed of the transitions, controls on/off, effects and more.

Related Posts

Author: Admin
We hope, We will become the best, creative and inspiring community for web and graphics.
Join Us! Can be part of the growing Team. Just write something Creative and Interesting. Click here to become a member.