10 Fresh jQuery Plugins and Tutorials

By / Oct 22, 2010 / Tutorials
shares

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.

Quovolver

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.

Lettering.js

fresh jquery

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

imgAreaSelect

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.

13 Comments

  1. helium
    October 22, 2010

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

    Reply
  2. Mitchell Hall
    October 22, 2010

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

    Reply
  3. Mia Lazar
    October 22, 2010

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

    Reply
  4. Nick Yeoman
    October 22, 2010

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

    Reply
  5. Ahmad
    October 22, 2010

    Nice list thanks for sharing

    Reply
  6. Niky
    October 23, 2010

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

    Reply
  7. dreamincolor
    November 7, 2010

    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/

    Reply
  8. devmau5
    November 17, 2010

    Thanks for the list. Some great stuff in there.

    Reply
  9. laser training alberta
    May 23, 2011

    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.

    Reply
  10. webdesignergeeks
    November 11, 2011

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

    Reply
  11. Micha Posthumus
    February 4, 2012

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

    Reply
  12. Deepanker
    January 8, 2013

    Nice collection of Plugins. thanks for sharing

    Reply
  13. TheTopBlogger
    June 28, 2013

    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.

    Reply

Leave a Reply