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.
Thanks alot, going to try and use the imgAreaSelect to create a “make your own avatar” thing for my forums i think.
Excellent List. With so many jQuery plugin lists out there, it’s nice to see some new and useful ones here.
Nice selection but many of this are old, lettering is something new, thanks.
Thanks, I really have to spend some more time with jquery. I blog about Joomla which comes with mootools, which is lighter than jquery.
Nice list thanks for sharing
Send me an e-mail Mia. nik_spain.yahoo.com
Very nice, but many of this are old.
This is Fresh and very Cool take a look : https://www.dreamincoloronline.com/design-code-cool-single-page-portfolio-part1/
Thanks for the list. Some great stuff in there.
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.
Really nice jQuery Collections
i like HTML5 Slideshow w/ Canvas & jQuery most
Nice list. Some of them I didn’t see before!
Nice collection of Plugins. thanks for sharing
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.