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!
A way to use jQuery and produce "smart" columns for width and spacing on your website.
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 is a unique jQuery effect that does a cool zoom effect on pictures.
A cool way to make a picture gallery and use jQuery.
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!
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.
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!
Article by: Zach Reed // Firebelly Designer (Follow me @bluetidepro)
Comments via Facebook