10 Fresh jQuery Plugins and Tutorials
The popularity of jQuery continues to grow. This means that we’re seeing it used on more websites these days, and there are more developers coming up with new ways to use it. The great thing about that is many of these developers are sharing what they learn though tutorials and plugins. We’re always on the look out for this new jQuery stuff. So for this post, I’ve gathered 10 tutorials and plugins that will help you learn and implement some fresh jQuery effects in your projects.
Beautiful Background Image Navigation
This tutorial will teach you how to create a beautiful navigation that has a background image slide effect. The main idea is to have three list items that contain the same background image but with a different position.
Quovolver
Quovolver is a simple extension for jQuery that takes a group of quotes and displays them on your page in an elegant way.
Lettering.js
Lettering.js is a lightweight, easy to use jQuery plugin for radical Web Typography.
imgAreaSelect
imgAreaSelect is a plugin for selecting a rectangular area of an image. It allows web developers to easily implement image cropping functionality, as well as other user interface features, such as photo notes (like those on Flickr).
An HTML5 Slideshow w/ Canvas & jQuery
This tutorial will help you create a progressively enhanced slideshow with a fancy transitioning effect, which is perfectly functional in older browsers as well.
Tiny Carousel
Tiny Carousel is a lightweight carousel for sliding html based content. It was built using the javascript jQuery library. Tiny Carousel was designed to be a dynamic lightweight utility that gives webdesigners a powerfull way of enhancing a websites user interface.
jQuery Panel Gallery 2.0
jQuery Panel Gallery is a plugin that converts a set of images into a slideshow with fancy transitions.
Collapsing Site Navigation
Learn how to create a collapsing menu that contains vertical navigation bars and a slide out content area.
Style my Tooltips
Style my Tooltips is a simple jQuery plugin to better style native browser tooltips.
jQuery Mega Select List
The jQuery Mega Select List is a plugin that converts a long select-list into a mega-menu style display, which makes it easier to find and select the right option.
Related Posts
Here's some other articles that you will definitely find useful.
7 Fresh and Useful jQuery Plugins
10 jQuery Plugins that Will Make your Life Easier
8 jQuery Plugins for Enhancing Typography
9 jQuery Mistakes you Shouldn’t Commit
8 Responsive jQuery Slider Plugins
12 comments
helium
October 22, 2010Thanks alot, going to try and use the imgAreaSelect to create a “make your own avatar” thing for my forums i think.
Mitchell Hall
October 22, 2010Excellent List. With so many jQuery plugin lists out there, it’s nice to see some new and useful ones here.
Mia Lazar
October 22, 2010Nice selection but many of this are old, lettering is something new, thanks.
Nick Yeoman
October 22, 2010Thanks, I really have to spend some more time with jquery. I blog about Joomla which comes with mootools, which is lighter than jquery.
Ahmad
October 22, 2010Nice list thanks for sharing
Niky
October 23, 2010Send me an e-mail Mia. nik_spain.yahoo.com
dreamincolor
November 7, 2010Very nice, but many of this are old.
This is Fresh and very Cool take a look : http://www.dreamincoloronline.com/design-code-cool-single-page-portfolio-part1/
devmau5
November 17, 2010Thanks for the list. Some great stuff in there.
laser training alberta
May 23, 2011I have seen that almost everywhere JQuery is associated with sliders. But in this post I really found some great new approaches of using JQuery. Really a nice post.
webdesignergeeks
November 11, 2011Really nice jQuery Collections
i like HTML5 Slideshow w/ Canvas & jQuery most
Micha Posthumus
February 4, 2012Nice list. Some of them I didn’t see before!
Deepanker
January 8, 2013Nice collection of Plugins. thanks for sharing