15 New jQuery Plugins for Web development

1. Tagbox

Tagbox is a simple tagging plugin for jQuery. It automatically collects and split user input into tags. See project page for more information.

Tryout a demo

…………………………………………………………………………………………………………………………………………………

2. ImgAreaSelect

Lets the user select a rectangular area within an image. Can be used to implement image cropping and Flickr-like photo notes.

Try out a demo

…………………………………………………………………………………………………………………………………………………

3. 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.

Try out a demo

…………………………………………………………………………………………………………………………………………………

4. Nyromodal

nyroModal is a highly customizable modal window plugin.

You’ll be able to customize either the look by CSS and the animation by creating your own, using the jQuery animation function.

Try out a demo

…………………………………………………………………………………………………………………………………………………

5. Agile Carousel

Jquery plugin that allows you to easily create a custom carousel. Call Jquery UI to enable many different additional transition types and easing methods. Uses PHP to draw images from the folder you specify. Configure many different options including controls, slide timer length, easing type, transition type and more!

Try out a demo

…………………………………………………………………………………………………………………………………………………

6. Round Corners

A jquery plugin to round the corners and/or create gradients for any HTML element with any browser

Try out a demo

…………………………………………………………………………………………………………………………………………………

7. Loading

Provides trivially easy way to notify users that a request is being loaded and processed in the background, so that they know their action was received and the page has not frozen.

Try out a demo

…………………………………………………………………………………………………………………………………………………

8. jQuery Datepicker

A highly customisable datepicker. This plugin forms the basis for the jQuery UI Datepicker. It is made available as a separate plugin since the UI team desired simplified functionality for their version.

Try out a demo

…………………………………………………………………………………………………………………………………………………

9. Curtains

A great idea for a jQuery plugin.  It animates the opening of some curtains with a good looking call to action.

Try out a demo

…………………………………………………………………………………………………………………………………………………

10. Simple Text Box Label Over

From time-to-time our sites have used labels that ‘float’ over their text input box.  To make things easier for ourselves, we’ve come up with a little jQuery plugin to do just that.

You can see a working example on this website;  the ‘Search our blog’ text box at the top right of the blog and the ‘Keep up to Date.’ sign-up box on the homepage both use this plugin.

…………………………………………………………………………………………………………………………………………………

11. QuickFlip 2

QuickFlip works by using an animation shortcut that is barely noticeable when flipped quickly (hence the name). This shortcut improves performance while allowing the flip effect to work smoothly with any piece of markup regardless of images, backgrounds or CSS.

Try out a demo

…………………………………………………………………………………………………………………………………………………

12. Juitter

Juitter is a Twitter widget that shows you what’s happening on any given Twitter feed live!

Try out a demo

…………………………………………………………………………………………………………………………………………………

13. Create a Fancy Box

This tutorial will show you how to turn unordered list (UL) into an fancy social bookmarking sharing box. You will see how to style such box, how to add interactivity, and how to create jQuery plugin that will turn any UL into sharing box.

Try out a demo

…………………………………………………………………………………………………………………………………………………

14. Slick and Accessible Slideshow

You’ll learn how to create a usable and web accessible slideshow widget for your site using HTML, CSS, and JavaScript (jQuery).

Try out a demo

…………………………………………………………………………………………………………………………………………………

15. Zoom Tabs

Roll over the image block, tabs slide up and the image zooms a little to reveal more of the picture.

Try out a demo

Advertisements

2 Responses

  1. thanks for the info. Some super cool stuff in there.

  2. Brilliant info here, thanks….it will come in useful.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: