15 jQuery Plugins You will find useful in 2010

December 31, 2009 · 20 comments

by Lars

jqueryui

2009 was the year I started tripwire magazine. It has been fun, hard work and I have learned a lot. During the year tripwire magazine have had more than 2 million page views and received great feedback and support from readers and sponsors (please check them out in the right sidebar). Thanks to everyone for visiting, commenting and contributing and for making tripwire magaszine a great place for web designers and developers.

In this last post in 2009 you will find a collection of excellent jQuery plugins that will help you out in in you web projects far into 2010.


ElegantThemes
ThemeForest

Advertisement

In-Field Labels jQuery Plugin

This is a simple plugin that turns properly formatted HTML forms into forms with in-field label support. Labels fade when the field is focussed and disappear when text entry begins. Clearing a field and leaving brings back the label.

jqueryui

Coda Slider

Using this jQuery script you can create a nice-looking slider just like at Coda’s website.

jqueryui

bxSlider

bxslider is just yet another slider plugin for jQuery and one of the smallest having a size of only 8kb. It is extremely simple to use and looks OK.

jqueryui

Flexigrid for jQuery

A lightweight but rich data grid with resizable columns and a scrolling data to match the headers, plus an ability to connect to an xml based data source to load the content. Similar in concept with the Ext Grid only its pure jQuery love, which makes it light weight and follows the jQuery mantra of running with the least amount of configuration.

jAni

jAni is a simple plugin for jQuery which allows you animate background images. The jAni loads a long vertical image and changes its background position with the speed you setup, giving you good control of the animation.

jqueryui

ContextMenu Plugin

This plugin enables you to display a custom context menu on right click in browsers that support it. This is commonly used in web applications that are simulating desktop behavior or wish to add advanced functionality for their users. demo

top rated jquery plugins

Blend Effect

A jQuery based animation / effects, progressive enhancement plugin for CSS backgrounds.A jQuery based animation / effects, progressive enhancement plugin for CSS backgrounds. This light-weight (only 1.4KB) plugin for jQuery adds a nice blend effect to your website.

jqueryui

Jquery Fade In-Fade Out

Hi there in this tutorial il show you some simple effects you can use to spice up your websites using jquery. Your probably thinking oh no not another coding language ive got to learn. Dont worry its real simple to use and implement. Demo Download

jqueryui

Build a Better Tooltip with jQuery Awesomeness

This tutorial will show you a method for replacing the built-in browser tooltips that appear on elements such as images and links with title attributes.

jqueryui

iMask

Who haven’t ever wanted to apply an input mask to an HTML form field? This very common feature in traditional GUI applications is not natively supported by web applications. iMask goal is to implement an easy way for developers to add mask into their form fields, increasing the database and software consistency with standard compliant XHTML and unobtrusive JavaScript.

iMask is an open source (free) javascript tool for creating input and textarea masking. It is built on Mootools, supports keyboard control and dynamic charset definition.

form validation

jQuery form wizard plugin

The form wizard plugin is based on jQuery and can be used to simulate wizard like page flows for forms without having to navigate between different pages.

The plugin is very 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. Demo

top rated jquery plugins

A jQuery inline form validation

When it comes to form validation, it’s hard to have a versatile solution that works with every form. Figuring out how to display errors is not a simple task. This is something the author have tried to remedy with this script. When an error needs to be displayed, the script creates a div and positions it in the top right corner of the input. This way you don’t have to worry about your HTML form structure. The rounded corner and shadow are done with CSS3 and degrade well in non compliant browsers. There is no images needed.

form validation

qTip

qTip is an advanced tooltip plugin for the ever popular jQuery JavaScript framework. Built from the ground up to be user friendly, yet feature rich, qTip provides you with tonnes of features like rounded corners and speech bubble tips.

jqueryui

Growl

Growl allows you to present DOM-inserted elements (divs by default) that are perfect for user warnings, messages, and status update notifications.

jqueryui

Access Key Highlighter

The Access Key Highlighter 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.

jquery-form-enhancements

{ 10 comments… read them below or add one }

pakistan photographer August 3, 2013 at 4:30 am

Its such as you read my mind! You appear to grasp a lot about this, like
you wrote the guide in it or something. I believe that you can do with some p.

c. to power the message house a bit, but other than that, that is fantastic
blog. A fantastic read. I’ll certainly be back.

Reply

How To Build A Poker Table Top July 23, 2013 at 5:50 pm

Hi there everyone, it’s my first go to see at this web site, and post is genuinely fruitful designed for me, keep up posting these types of articles or reviews.

Reply

cheap custom jerseys May 19, 2011 at 10:24 am

15 jQuery Plugins You will find useful in 2010

Reply

Damian Edwards February 14, 2011 at 11:31 pm
Lars February 15, 2011 at 7:50 am

Thanks Damian!

Reply

joseph dali December 6, 2010 at 7:41 pm

You should add ppgallery. It’s a really nice, elegant jquery gallery plugin. http://www.ppplugins.com/demo/ppgallery/

Reply

Daniel H Pavey November 18, 2010 at 6:52 pm

Great collection, thanks

Gonna try jani!!

Reply

Affan October 29, 2010 at 1:38 pm

very helpful for some people. already tweet it.

thanks for the post

Reply

Hari K T January 1, 2010 at 6:12 pm

Great collections

Reply

Brian Jones December 31, 2009 at 3:24 pm

Nice collection – thank you. Excellent job on TW as I have been a daily follower for quite some time now. Great resources and posts and thank you for your dedication to the community. Best of luck to you in 2010!

Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

{ 10 trackbacks }

Previous post:

Next post:


Web Analytics