10 Fresh jQuery Plugins and Tutorials

By / Oct 22, 2010 / 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

fresh jquery

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.


fresh jquery

Quovolver is a simple extension for jQuery that takes a group of quotes and displays them on your page in an elegant way.


fresh jquery

Lettering.js is a lightweight, easy to use jQuery plugin for radical Web Typography.


fresh jquery

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

fresh 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

fresh jquery

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

fresh jquery

jQuery Panel Gallery is a plugin that converts a set of images into a slideshow with fancy transitions.

Collapsing Site Navigation

fresh jquery

Learn how to create a collapsing menu that contains vertical navigation bars and a slide out content area.

Style my Tooltips

fresh jquery

Style my Tooltips is a simple jQuery plugin to better style native browser tooltips.

jQuery Mega Select List

fresh jquery

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.

About the Author

Henry Jones is a web developer, designer, and entrepreneur with over 14 years of experience. He is the founder of WDL and ThemeTrust.

  • http://www.liveanime.org helium

    Thanks alot, going to try and use the imgAreaSelect to create a “make your own avatar” thing for my forums i think.

  • http://www.acousticwebdesign.net Mitchell Hall

    Excellent List. With so many jQuery plugin lists out there, it’s nice to see some new and useful ones here.

  • http://tiny.cc/mialazar Mia Lazar

    Nice selection but many of this are old, lettering is something new, thanks.

  • http://www.NickYeoman.com Nick Yeoman

    Thanks, I really have to spend some more time with jquery. I blog about Joomla which comes with mootools, which is lighter than jquery.

  • http://charmingwp.com Ahmad

    Nice list thanks for sharing

  • Niky

    Send me an e-mail Mia. nik_spain.yahoo.com

  • http://www.dreamincoloronline.com dreamincolor

    Very 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/

  • http://www.devmau5.com devmau5

    Thanks for the list. Some great stuff in there.

  • http://eiemedispa.ca/ laser training alberta

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

  • http://webdesignergeeks.com webdesignergeeks

    Really nice jQuery Collections
    i like HTML5 Slideshow w/ Canvas & jQuery most

  • http://www.bluebaboon.nl Micha Posthumus

    Nice list. Some of them I didn’t see before!

  • http://webtips.in Deepanker

    Nice collection of Plugins. thanks for sharing

  • http://www.thetopblogger.com TheTopBlogger

    Really awesome list of plugins. I like collapsing site navigation plugin. Recently I found rev slider plugin which is also awesome and has lots of options to customize it in your way.