Web Design Newcastle, Web Design Newcastle upon Tyne, Newcastle Design

15 New jQuery Plugins To Help You Conquer The Web

Posted by Jordan on July 23rd, 2009, 4:29 pm

OK, so these plugins may not help you actually conquer…..well, anything really but they’ll certainly make your website look and work great!

We’ve compiled a list of some of the newest jQuery plugins to hit the Internet, we hope you enjoy them.

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 (undergoing a little bit of maintenance, link will be back soon)

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

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

Thanks for reading the Union Room Web Design blog.

Related Posts

• 10 of the Best Free WordPress Themes
• 5 New Web Icon Sets For 2010
• 7 New Free Fonts That You Should Definitely Download
• 10 Free Amazing Calligraphy Fonts
• 10 Sites To Find The Most Amazing WordPress Themes