Cool jQuery plugins - July 2010

jGallery - A jQuery plugin for image gallerys

jGallery is a jQuery plugin to on a elegant way expose all your images and gallerys.

LumeBox

The Lumebox is a Lightbox clone with a few added features. One of the main features is that it can parse RSS feeds just as easily as displaying images. The plugin searches the post or page for all links leading to images and opens them in a popup instead of following them.

Try out a demo

jQuery Touchwipe iPhone, iPad, iPod Touch Gestures Event

The small 1 KB library allows you to obtain the wipe event on an iPhone, iPad or iPod Touch which can be used for example to scroll through an image gallery (see demo below). Should also work with Android touchscreens.

Try out a demo

Image Blur

This is little plugin for soft image blur effect on page load (and 'clear' on hover/rollover).

Try out a demo

jQ推ter a 推ter Feed for your website

jQ推ter allows you to display any user's tweets in a list. You have the ability to set the number of tweets to display as well as the ability to display user's images and set their size.

Try out a demo

jGD DropDown

jGD DropDown is first plugin for jQuery by Dev4Press. Styling normal select box control is almost impossible, and whatever you do with it, each browser will display it differently. In many cases where you need this control to blend in with the rest of the controls, the only way to do it is to replace it. This plugin will replace select control with combination of DD/DT/UL/LI controls that can easily be styled to look the way you need it, and in the same time your select control will remain connected to this new dropdown, and when you change value in the dropdown, it will be changed in select box also.

Try out a demo

SeaHorse

Seahorse is a JavaScript library, licensed as free software, created to simplify the use of forms, particularly to simplify the form validation. Provides functions to validate, convert and serialize information and functions to assign real-time validation behaviors to form fields. It can be used with any JavaScript framework, however, has a plugin to be used along with jQuery.

Try out a demo

CLEditor - WYSIWYG HTML Editor

CLEditor is an open source jQuery plugin which provides a lightweight, full featured, cross browser, WYSIWYG HTML editor which can be easily added into any web site.

Try out a demo

focusMagic

This plugin is meant to expedite the basic process of making form fields empty on focus and refill on blur, depending on a few specs. This solution focuses on accessibility as it does not remove the label, just moves it off the viewport. This way, if a user does not have Javascript, CSS, or uses a screen reader, they will still get normal labels.

Try out a demo

multiselect2side - Select multiple double side

This plugin implement a version of select multiple (select with multiple="multiple") with 2 sides and buttons for move option between the 2 selects.

Try out a demo

KeyTips

The KeyTips plugin provides various options for highlighting access keys on web forms when the user presses their browser's access key shortcut key, e.g. Alt in Internet Explorer and Safari, Shift+Alt in Firefox.

Try out a demo

Text Placeholder

The placeholder attribute is the part of HTML5 specification. Currently, it works only in WebKit-based browsers, like Google Chrome and Safari. Placeholder.js fixes it!

Try out a demo

jquery.ajaxSuggest.js

This plugin makes a autocomplete text box like "Google suggest".

Try out a demo

jSuggest

jSuggest is a lightweight jQuery plugin that helps you make suggestions for your text inputs. With only 3 KB in size it is very flexible and highly customizable.

Try out a demo

a-tools

Cross-browser text selection and modification plugin built on top of the jQuery library. Tested with Opera 9.5 (Windows) and Opera 9.6 (Linux), Mozilla Firefox 3.0 (Windows and Linux), Internet Explorer 7, Chrome 2.0 and Safari 4.0. Also works with jQuery 1.4.

Try out a demo

selectList

selectList replaces the standard HTML multiple select element with a nicer and more user-friendly interface. The user selects a number of items from a drop-down list, and the selected items are displayed below.

Try out a demo

jQRepeater - Repeater for Javascript

You can use this plugin like the Asp.Net repeater, using a Javascript functions in code.

Try out a demo

Leobox plugin 1.0

Easy and simple div box absoluted centered on the screen with transparent gray background cross-browser compatibility even for IE6.

scrollExtend and onScrollBeyond

The scrollExtend plugin is designed to automatically load new content at the bottom of the screen (by appending to a DOM element) when the user scrolls beyond the element, much like 非死book does with their status updates.

Try out a demo

3d Tag Sphere

A rotating 3d tag cloud controlled with the mouse. Tags are scaled according to the weight assigned to them and fade into the background as they rotate.

Try out a demo

! jQuery Radmenu

A Radial Menu, also known as a Pie Menu, is a circular contextual menu. The interface is a pretty cool and intuitive one and is now easy to implement on your site!

Try out a demo

jMenu

Simple customizable drop-down menu. Easy markup with "ul" lists.

Try out a demo

Keypad

A jQuery plugin that attaches a popup keyboard to a text field for mouse-driven entry or adds an inline keypad in a division or span.

Try out a demo

jQuery Raty - A Star Rating Plugin

jQuery Raty is a plugin that generates a customizable star rating automatically.

Try out a demo

Link external icon

This plugin add an icon opening a new window to each link

Try out a demo

jQuery Constant Footer

The jQuery Constant Footer plugin is a really easy way to add a static footer to your website, which stays glued to the bottom of the browser window even when scrolling occurs.

Try out a demo

jQuery Mobile Device Drag And Drop

This project aims to devise a drag and drop style interface with mobile device support. To be precise, most mobile devices "hijack" the action of dragging on the web browser in order to provide scrolling functionality, leaving your drag and drop items sat statically on the page.

Try out a demo

List Ticker

Plugin to rotate list items inside an unordered list, plugin will automaticlly hide all but the first list items and then rotate them.

Try out a demo