20 Most Sexiest Jquery Tutorials and Plugins of All Time.
Jquery is a wonderful blessing for deveopers designers through which they can easily pour life, make stuff look techy and give good functionality to their sites. The best part is that its not even hard to understand or learn.
Here are some of the best online freely availble jquery plugins and tutorials. Have fun!!
jQZoom
Make Your Header Responses To Mouse Movements With JParallax
jQuery Demo: Creating A Sliding Image Puzzle Plug-In
Animate Curtains Opening with jQuery
Sexy Drop Down Menu w/ jQuery & CSS
Building a jQuery Image Scroller
Four Corners Sliding Door Effect
jQuery Virtual Tour
Nice & Clean Sliding Login Panel built with jQuery
Creating a Keyboard with CSS and jQuery
Fancy Thumbnail Hover Effect w/ jQuery
This is an awesome thumbnail hover effect jquery tutorial. Get rid of the same plain old thumbnail images by this simple tutorial. A great work done by www.sohtanaka.com.
Sliding Boxes and Captions with jQuery
This tutorial is my personal favorite, u can stylize your images with divs/boxes and make superb , very attractive effects by simple jquery. The tutorial belongs to www.buildinternet.com
Create an Image Rotator with Description (CSS/jQuery)
This is a very very handy and attractive master piece of jquery and css. You can pour life in your site’s homepage by using this image rotator. All your features of site can be well explained in limited space too. This tutorial Belongs to www.designm.ag
AnythingSlider jQuery Plugin
AnythingSlider is an attempt at bringing together the functionality of all of those previous sliders and adding new features. It is an awesome Plugin/ Jquery you can make animated slider effect with images, text, text and images together, very well written by www.css-tricks.com
ImageSwitch
A superb easy to use plugin which switches between images in a very attractive animated style. An awesome work done by www.hieu.co.uk
Galleria
Image Cross Fade Transition
In particular, Nathan Wrigley of pictureandword.com, needed a method one image into another mouse rolls over, and the slowly fade back once the mouse has left. Image rollovers were the staple JavaScript nugget of the 90s, and for a lot of JavaScript developers I know, one of the starting places their passion for JavaScript. Today, rollovers are a no-brainer – either in CSS or with the simplest of JavaScript:
Scrollable
Scrollable is useful jQuery plug-in for creating scrollable content. Scrollable items can contain any HTML. You can make items scroll horizontally or vertically and choose how many items are visible at once.
Creating a polaroid photo viewer with CSS3 and jQuery
This example is making use of CSS3 and jQuery. It really shows the effect when combining two powerful techniques. The CSS3 is injected by jQuery, keeping the CSS file clean. The result is nice looking polaroidsthat you can drag around on the page…cool!
Create a Thumbnail Gallery with Slick Heading and Caption Effect with jQuery
This tutorial will show how to add heading and caption to your thumbnail and display it with jQuery cool transition effect. It’s an elegant way to put content in your website, and only display it when users want to see it. It keeps your website clean!
- 10 Superb Image Effects and Slider Tutorials with Jquery
- Superb Jquery CSS Image Effects and Tooltips Tutorials
- 10 Attractive Jquery CSS Tooltips Tutorials
- Top 15 Jquery CSS Animated Navigation Tutorials
- Advance Level PHP Tutorials & Scripts
Some Other Related posts:
Line Break
Author: Ayaz Malik (92 Articles)
I am a designer, developer and Publisher. Running a few blogs and publishing alot of interesting stuff. My main Project is an online art and online drawing community for all sort of artists, designers, photographers etc. called Blasting Art
Posted in Tutorials | Posted on 05-11-2009
Tags: jquery, jquery css, jquery effects, jquery plugins, jquery tutorials
Very nice and useful tutorials for web designers,
Thanks for posting.
Cool List!! I liked the polariod photos most. I wrote myself a pretty similar plugin which creates apple like sticky notes on website. The project url is: http://www.jquery-sticky-notes.com . It would be nice, if you cann add it to this list.
Best Regards
Daniel