JavaScript
Article

10 Interesting and Advanced jQuery Plugins

By Sam Deering

Another collection of advanced jQuery plugins you would definitely find interesting using in your web pages. You can easily use one of these plugins of your choice in your website without spending a single penny because they’re totally FREE!

Related Posts:

1. Animated Postcard with jQuery

In this tutorial we will learn the basics of setting up a continuous animation which can be applied pretty much anywhere.


Animated Postcard with jQuery

Source
Demo

2. The iPhone unlock screen in xHTML, CSS and jQuery

Learn how to create iPhone unlock screen in xHTML, CSS and jQuery.
Features:
> XHTML and CSS valid.
> “Timer” displays the current time (Just like the iPhone).
> “Date” displays the current date (Just like the iPhone).
> Pretty sleek interface, including see-through elements (Just like the iPhone).
> Changeable background.
> Tested and working on Firefox 3, Internet Explorer 7 and Safari 3.


The iPhone unlock screen in xHTML, CSS and jQuery

Source
Demo

3. Colorful Clock with CSS & jQuery

We are going to make a colorful jQuery & CSS clock, which will help you keep track of those precious last seconds of the year.


Colorful Clock with CSS & jQuery

Source
Demo

4. Animate Curtains Opening with jQuery

This tutorial would not be anything special without the graphics, so let’s make sure you’ve got those under control.


Animate Curtains Opening with jQuery

Source
Demo

5. Carbon Fiber Signup Form with PHP, jQuery and CSS3

A carbon fiber – style form, build using progressive enhancement. This means that we first ensure that the form works well without JavaScript and fancy CSS support (think of IE6 here) and later move on by layering over cool styling, AJAX and jQuery magic.


Carbon Fiber Signup Form with PHP, jQuery and CSS3

Source
Demo

6. Mosaic Slideshow with jQuery & CSS

Mosaic, because it will feature an interesting tile transition effect when moving from one slide to another.


Mosaic Slideshow with jQuery & CSS

Source
Demo

7. Contextual Slideout Tips With jQuery & CSS3

Knowing the importance of HTML standards, we are making a set of contextual slideout tips with jQuery & CSS3, which are ideal for product pages and online tours. As a bonus, they are SEO friendly, so all the content is visible to search engines.


Contextual Slideout Tips With jQuery & CSS3

Source
Demo

8. Simulate Gravity with jQuery

This tutorials aims to give insight of realistic gravity animations with jQuery.


Simulate Gravity with jQuery

Source
Demo

9. Interactive Picture with jQuery

In this tutorial I will be showing you how to piece together an interactive picture – aka an image that contains tooltips and popup boxes. This can be useful for showing off a particular aspect of a photo (i.e. items or people).


Interactive Picture with jQuery

Source
Demo

10. Beautiful Background Image Navigation with jQuery

In this tutorial we are going 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.


Beautiful Background Image Navigation with jQuery

Source
Demo

Free Guide:

7 Habits of Successful CTOs

"What makes a great CTO?" Engineering skills? Business savvy? An innate tendency to channel a mythical creature (ahem, unicorn)? All of the above? Discover the top traits of the most successful CTOs in this free guide.

  • http://www.facebook.com/kumartheprogrammer Prateek Sharma

    Great Tools. Thanks for sharing. You people really make internet a cool place

Recommended
Sponsors
Because We Like You
Free Ebooks!

Grab SitePoint's top 10 web dev and design ebooks, completely free!

Get the latest in JavaScript, once a week, for free.