Best jQuery plugins – April 2010

3D Cloud Carousel

This is a fast and cross-browser implementation of a 3d carousel – looks very nice, more like a Flash implementation. It can create dynamic reflections underneath the carousel items, is accessible and degrades nicely without JavaScript.

jQuery Slider (Safari style)

jQuery Slider is easy to use and multifunctional jQuery plugin.

TopSlideBox

TopSlideBox is a very light and easy-to-use jQuery Lightbox plugin that slides from the top of the page.

SimpleModal

SimpleModal is a lightweight jQuery plugin that provides a simple interface to create a modal dialog.

jQuery modalBox

jQuery modalBox is a simple jQuery plugin that provides a multiple customizable modal dialog. This Plugin is written in JavaScript on top of the jQuery library and shows inline content, content served through AJAX and single images.

NavIt

NavIt is a great plugin which converts html lists into navigation. It has many options which include horizontal navigation, vertical navigation, accordion style systems, drop down menu systems and more.

Lens Flares

Add nice lens flare effects to your page.

DrawBox

DrawBox is a simple plugin for adding a drawable (click and drag, touch and move) canvas element to a site. Our original intent for the plug-in was to provide a signature field to a web form that would be viewed on the iPad.

zWeatherFeed – Yahoo! Weather plugin for jQuery

This plugin will read the current weather for a location using Yahoo! Weather. It produces structured HTML with in-built CSS classes for styling.

Open Standard Media Player

The Open Standard Media Player is an all-in-one media player for the web. This media player is an industry changing, open source (GPL) media player that is built to dynamically deliver any type of web media, including HTML5, YouTube, Vimeo, and Flash.

zLastFM – LastFM plugin for jQuery

This plugin will get the Loved Tracks, Recent Tracks, Top Albums, Top Artists and Top Tracks for a Last.FM user (requires an API key). It produces structured HTML with in-built CSS classes for styling.

jQuery Tiny Watermark Plugin

It can be used on any input, textarea and select element. Simply specify the CSS class for the watermark and the text to display as watermark.

FS.Magnify

jQuery fsMagnify plugin is a simple plugin that magnifies the images over a certain ratio by clicking on them.

Star Rating widget

The Star Rating widget is a plugin for the jQuery javascript library that creates a non-obstrusive star rating control based on a set of radio buttons or select option.

Easy List Splitter Plugin for jQuery

The plugin will get your list, wrap it into a container div, generate as many lists as the number of columns you require and evenly split the list items into the different list elements. If the list items are not enough to evenly fill in all the columns, the plugin will hide the columns in excess (this might happen only if you?re ordering your list items vertically as per default).

Halal IT Uplift JQuery Plugin

Halal IT has developed a jQuery Effect Plugin for our site to show our testimonials. This is a rocking plugin which lifts the last element of a parent element to top and slowly takes other elements down.

Multi Level Drop Down Menu

Multi Level Drop Down Menu (multi-ddm) takes an existing group of nested lists and activates it into a drop down menu.

jQuery Multiple Select Box Plugin

Replace browser’s default multiple select box with overflow: auto. Select Automatically when dragging and scrolling.

CropZoom

CropZoom is a plugin that let you select an area of an image to crop, also you can zoom in or zoom out, drag and also rotate. this plugins needs ui.droppable, ui.resizable, ui.slider from JQuery UI.

Bookmark

A jQuery plugin that sets a div to allow sharing of your page on various bookmarking sites.

Pagination

When you have a a large list of items (e.g. search results or news articles), you can display them grouped in pages and present navigational elements to move from one page to another. This plugin creates these navigational elements.

jFormMap Web forms

jFormMap is a plugin that creates fully functional formularies based on javascript objects definitions or JSON files. It renders fully integrated JSON data including both master and details.

nthFix

The nthFix plugin is used to modify CSS any values of the ‘nth’ occurrence of siblings with the same class. One implementation of this could be trim the right hand margin of the side of an element so as to allow all of those elements to line up neatly in a grid. Once the grid has been established you can then modify the bottom row of the grid to remove the bottom margin for instance.

Speedometer

A widget for displaying a percentage through a needle on a speedometer image. Despite use of canvas elements, this plugin works in Internet Explorer 7 through use of modified excanvas and jqcanvas files.

IE CSS shadows

Plugin emulate CSS3 text-shadow and box-shadow properties for Internet Explorer using proprietary filters.

dynamic editable

Dynamic editable allows edit context by clicking on it.

//For example: $(‘#foo’).simpleDynamicEditable({defaultValue: ‘hello’}) // replace $(‘#foo’) with <span id=”foo”>hello</span>. After mouse click $(‘#foo’) is //<input type=”text” value=”hello” id=”foo”>.

EvenIfHidden – Get layout information of hidden DOM elements

evenIfHidden is a jQuery plugin able to get layout information about a DOM element even in the case the element, or one of its containers, is hidden.

$(‘#box’).evenIfHidden( function(element) { alert( element.width() ); }); <textarea> <h3><a href=”http://plugins.jquery.com/project/py-format” rel=”nofollow”>$.format — Python-style string formatting</a></h3> <p>An attempt to replicate, to some degree, python’s percent-style string formatting.</p> <textarea cols=”60″ rows=”30″ name=”code”> num = 0; fruit = “bananas” “Yes, we have %d %s” % (num, fruit) //Would normally have to be written in javascript as //num = 0; fruit = “bananas” “Yes, we have “+num+” “+fruit //With this plugin, this becomes num = 0; fruit = “bananas” $.format(“Yes, we have %d %s”, [num, fruit])

Enhanced Attribute Selectors

This plugin adds some extra non-standard functionality to the selector engine’s attribute filter. It can slow down attribute selection by about 10-50% but if you don’t need all the extra functionality feel free to edit it.

// filter by css styles: jQuery(‘div[~display=block]‘); jQuery(‘div’).filter(‘[~padding=2px]‘); // by stored data: jQuery(‘div[:mydata>=123]‘);

jQuery Morse Code

Encodes strings (characters) into Morse Code characters, and vice versa.

1. $.morse(‘test’, ’encode’); // to decode a string just change the second argument to ’decode’
2. //or:
3. $.morse(‘test’); // ’encode’ is default
4. //Returns:
5. //- .