Wednesday, August 12, 2009

20 jQuery Plugins/Techniques For Web Designers And Developers

Everyday, new jQuery plugins and techniques are being released on the web.  You may not have the time to check them all out, but here’s 20 relatively new jQuery plugins/techniques to quench your jQuery thirst for now.


Horinaja – jQuery Slideshow

Horinaja is a jQuery slideshow (also available for scriptaculous/prototype) which auto-scrolls your content in the slider when the mouse it not over it.  When you hover over the slideshow though, you can use your mouse scroll to scroll forward and backwards among the slideshow items.


Scrollable Content With jQuery

Scrollable allows you to create a slideshow similar to Horinaja (above) which scroll your content only when you hover your mouse over it and use your mouse scroller to rotate among the items.


jQuery Sharebox

This jQuery Sharebox is pretty amazing in terms of design.  It allows you to share an article to several social websites liked Digg, Stumbleupon, etc.  This is a good solution if you are really tired of the common sharing solutions available on the web.


Wilq32.RotateImage – jQuery Image Rotate Script

Wilq32.RotateImage is a very nice jQuery plugin which allows you to dynamically rotate an image in a web page.  The effects are very nice and this would be awesome if implemented in a portfolio website.


imgAreaSelect – Select Part Of An Image Using jQuery

imgAreaSelect allows you to select part of the image for cropping or tagging.  It is very easy to implement, CSS customizable, and less than 8KB in size.


jQuery Image Gallery/News Slider with Caption

This tutorial will show you how to create an image/news slider which will automatically rotate your items in-between them.  It also display a caption over each item.
 

Juitter – Plugin To Put Twitter Live On Your Website

Juitter is  an awesome jQuery plugin which will allow you to put live tweets from Twitter on your website easily.  You can specify custom words to filter the tweets for, display your avatar, customized it by using your own CSS and more options.


Slick and Accessible Slideshow Using jQuery

This jQuery script will allow you to easily implement a slideshow for your content.  The slideshow does not scroll automatically, but instead needs clicking on the side arrows to navigate between the items.


BBC Radio 1 Zoom Tabs

BBC Radio 1 Zoom Tabs is a tab interface which can hold any content.  The main thing that grabs attention with this plugin is that when you are not hovering over the content, the tabs are hidden behind the images.  When you hover over the image, the tabs appear again.  You need to check out the demo to get a better idea of what this is all about.


Quick Tip – Resizing Images Based On Browser Window Size

If you are using a fluid website layout, you might see that the text easily adjusts to different browser widths.  However, images are not so easy to adjust to different browser widths.  Quick Tip is a jQuery plugin which allows you to swap between 2 different images for different browser widths.


Tagbox – jQuery Tagging Plugin

Tagbox is a useful jQuery plugin which automatically converts user input into tags.  Check out the demo.


Agile Carousel – jQuery Carousel Plugin

This is a highly customizable jQuery carousel plugin and  having multiple UI and transition effects.  Agile Carousel is also automated:  you just create the images and CSS, it takes care of the HTML and javascript creation.


Flipping Content Tabs Using jQuery

This tutorial will shows you how to add a nice flipping effect to the tab content while changing tabs.


Search Light jQuery Plugin

This jQuery plugin allows you to pull search results from a website and display it in a drop down menu, similar to autosuggest plugins.


Sexy JQuery Combos

This plugin allows you to turn default browser plugins into something better looking. 


FontEffect jQuery Plugin

FontEffect is a nice jQuery plugin which allows you to add some effect to HTML text.  Some of the effects available are Outline, Shadow, Gradient and Mirror. 


Easy Slider - Numeric Navigation jQuery Slider

Easy Slider is another content slider which automatically rotates your content.  You have different version of the slider, one with arrow navigation and one with numeric navigation.


Link Nudge jQuery Plugin

As its name suggests, this plugin implements the popular link nudge effect which occurs when you hover over a link.


Sliding Boxes and Captions with jQuery

Sliding Boxes allows you to implement a sliding box effect with images.  When you hover over an image, the caption slides in/out depending on the transition effect you have chosen.


Speeding Up Google Analytics Load Times With A jQuery Plugin

Google Analytics code usually interferes with the loading of a page.  To keep the Google Analytics code from interfering with page rendering you can use jQuery to load and execute the ga.js file.  This plugin does exactly that and allows you to seamlessly load the Google Analytics tracking code without affect the rest of the page.

No comments:

Post a Comment