12 jQuery Effects & Tutorials | Thursday, August 6th, 2009


jQuery is a free and open source JavaScript library that is used by Web developers to navigate HTML documents, handle events, perform animations and add Ajax interactions to Web pages. jQuery was developed by John Resig and is licensed under the MIT License and the GNU General Public License.

You can do some incredible things with jQuery. Below is a round-up of 13 awesome effects and tutorials – all using the wonderful jQuery!

Smart Columns w/ CSS & jQuery

A way to use jQuery and produce “smart” columns for width and spacing on your website.

Sliding login panel

A sleek sliding panel (in this case used for a login) using jQuery. After you understand this tutorial, you can use it for more than just a login panel.

Build An Incredible Login Form

Use jQuery to style a login form. This can be useful to spice up a form a bit!

jQuery.popeye – Lightbox alternative

A lightbox tutorial using jQuery, something a little bit out of the normal lightbox effect.

jQZoom Evolution

JQZoom is a unique jQuery effect that does a cool zoom effect on pictures.

Fancy Thumbnail Hover Effect

A cool way to make a picture gallery and use jQuery.

Creating a fading header

Use jQuery to make a fading header for a website. Something might normally think to do in flash but this allows you to make the effect with jQuery!

CSS Sprites2

A different way to use CSS Sprites with jQuery.

SuckerFish Style Drop-Down Menu

A nice jQuery drop-down menu. This works great with WordPress layouts and multiple level websites.

Curvy Corners

This jQuery effect allows you to apply rounded corners to div’s, pictures and other various objects in your website.

Creating a Slick Auto-Playing Featured Content Slider

A slick content slider using jQuery. This is a nice way to feature certain content on your website.

Using jQuery for Background Image Animations

The title explains it all. Use jQuery to make an animated background on a non-flash website.

Bonus Tutorial: Create a music player using mouse gestures & hotkeys

I have never seen anything like this, so I thought it should really be added to the list as a bonus! A really cool music player using jQuery!

Have any cool jQuery tutorials/effects we didn’t add? If so, comment a link below!

Post Author: Zach Reed

Zach is the owner of Blue Tide Productions from Indianapolis, IN, USA. He loves music, Qdoba, watching movies and enjoying life! He made this fine blog, also! ;) You can follow him on Twitter (@bluetidepro)!

Tags: , , , ,

Author: Zach Reed

Comments & Thoughts

  • http://sovit.biz/blue-tide-productions-blog-%c2%bb-12-jquery-effects-tutorials/ Blue Tide Productions Blog » 12 jQuery Effects & Tutorials

    [...] more from the original source:  Blue Tide Productions Blog » 12 jQuery Effects & Tutorials SHARETHIS.addEntry({ title: "Blue Tide Productions Blog » 12 jQuery Effects & Tutorials", [...]

blog comments powered by Disqus