There are plenty of plugins for jQuery addressing nearly any front end need you can think of. The apparent abundance of plugins available on the other hand does not stop creative and skilled developers from creating even more goodies for the jQuery community, Thanks You all for contributing! In this post I have hand-picked a set of very interesting and brand new plugins that have been released within the last few weeks. Take a look I’m sure you will find something useful!
gMap is a lightweight jQuery plugin that helps you embed Google Maps into your website. With only 2 KB in size it is very flexible and highly customizable. Now there’s NO excuse for not using maps… with jQuery its has been made easy for anyone.
This is a jQuery MultiSelect Plugin that focus on speed and ThemeRoller support. It turns an ordinary HTML select control into an elegant drop down list of checkboxes. The plugins provides an optional header with check all / uncheck all / close links, Keyboard support, Ability to hook into 5 different event callbacks, much more and it is only 6kb minified.
Have you ever wished you could style check boxes, drop down menus, radio buttons, and file upload inputs? Ever wished you could control the look and feel of your form elements between all browsers? If so, Uniform is your new best friend. Uniform masks your standard form controls with custom themed controls. It works in sync with your real form elements to ensure accessibility and compatibility.
The form wizard plugin is a jQuery plugin which can be used to create wizard like page flows for forms without having to reload the page in between wizard steps. The plugin is unobtrusive and gives the developer great freedom on how they set up the flow of the different steps in their wizards, as the plugin supports creating specific routes in the form; depending on the user input. Supports multiple “submit”-steps and much more.
This plugin solves a common problem in an really new way. It has become popular to put form labels into the fields – because it look great. Problem is that once users click a field the label is gone and it can be difficult to remember if you put in the right content in to each field… This plugin lets you have nice looking forms and simply slides the label out once the form is taken into use.
The best way to explain what this plugin does is to mention Twitter. Twitter posts are limited to 140 characters. While typing the Twitter post there is this always present information about how many characters the users have before reaching the limit. The information is not only provided merely by displaying a number, there are different colors applied to certain stages to notify the user about the status.
On your site you might have a comment box or contact form fields limited to certain character count. You can use this simple plugin to provide user with that useful information.
The jQuery PhotoShoot plugin gives you the ability to convert any div on your web page into a photo shooting effect, complete with a view finder. You can check out the demonstration, or a nice tutorial on how to use it here.
The jQuery Photo Tagger plugin allows you to add Flickr-style photo tagging to your images. You can create box-like overlays on top of your image and assign messages to each box. The plugin communicates with the server using the supplied API URLs such that the photo tags can be saved, persisted, and deleted when needed.
Organizing the content of a page in a both intuitive and eye-catching manner, is a must in modern web design. One principle that has been around for some time is dividing text into tabs. This is a AJAX-powered tab page with CSS3 and the newly released version 1.4 of jQuery.
This is actually a tutorial showing how to use jQuery for taking an entire hidden div structure and makes it appear as a drop down panel on mouse over. This can be pretty useful.
This is a extremely simple image slider supporting various parameter to control the flow. One of the good things about sexyCycle is that you’re not forced to stick with a fixed width of all images.
Here is a very simple way ho to create a heat map with jQuery. The idea is to track the clicks of a user and then display the click pattern with semi-transparent dots on an overlay.
jQuery Lint is a simple script you can download and use with jQuery. It works over the top of jQuery and diligently reports errors and any incorrect usage of jQuery. It will also, to some extent, offer guidance on best practices and performance concerns.