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 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 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.
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 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 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.
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 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.
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 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.
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 is a useful jQuery plugin which automatically converts user input into tags. Check out the
demo.
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.
This tutorial will shows you how to add a nice flipping effect to the tab content while changing tabs.
This jQuery plugin allows you to pull search results from a website and display it in a drop down menu, similar to autosuggest plugins.
This plugin allows you to turn default browser plugins into something better looking.
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 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.
As its name suggests, this plugin implements the popular link nudge effect which occurs when you hover over a link.
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.
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