Best jQuery CSS2 / CSS3.0 Plugins & Tutorials with Demo

Neat Photo Hover Effect with CSS Sprites and jQuery

Neat Photo Hover Effect with CSS Sprites and jQuery

Here is a very nice effect for photos or some black and white images. We are using some CSS sprites for the photos to create a darken effect when hovering over the images. This could also be used with other effects. The basic principle is to create the impression that the background gets darker when hovering.

jQuery Typing Game with Demo

Typing Game with jquery

This is a simple typing game experimental using jquery. The main criteria here is to understand how to read Keyboard Character Codes and displaying its equivalent Character on to screen. You may notice so many bugs in live demo, because this program is not implemented fully as we concentrated on important code blocks only.

Client Testimonials Powered by PHP, XML and jQuery with Demo

Client Testimonials Powered by PHP, XML and jQuery

In this tutorial we are going to build a XML backed testimonial viewer, which, along with jQuery and XSL transformations, can display the set on your product pages.

jQuery Moving Tab and Sliding Content Tutorial with Demo

jQuery Moving Tab and Sliding Content Tutorial

Learn how to build a lava lamp tab and sliding content all together with just simple jQuery code. This script is good for sidebar that display recent posts, comments and community news.

Fancy jQuery Sliding Form with Demo

Fancy Sliding Form with jQuery

We are going to create a fancy sliding form that shows some validation feedback to the user after each step. This form saves a lot of space and is easy to access – it basically works like a slide show, just that we have fieldsets of a form instead of images.

Contactable – A jQuery Plugin with Demo

Contactable – A jQuery Plugin

Contactable is a jQuery plugin designed to make contact/feedback forms simpler and more accessible. This plugin will enable you to create a contact form on any page of a site with minimal effort

Style-my-tooltips jQuery plugin with Demo

Style-my-tooltips jQuery plugin

Small in size (3kb unminified) jQuery script to enhance the look of tooltips. It works just like browser’s native tooltips with few options and styling via CSS. By default, the script applies to any element with a “title” attribute like links, paragraphs, images etc. but you can easily set it to affect only specific classes.

AviaSlider jQuery slideshow Plugin with Demo

AviaSlider is a jQuery slideshow plugin with unique 8 transition effects.Lots of easy to set options to create your own effects.Included Image preloader.Autoplay that stops on user interaction….

Simple Toggle with CSS & jQuery

I know there are a lot of toggle tutorials out there already, but when I was learning the basics of jQuery and the toggle effect, I had a hard time finding resources on how to switch the “open” and “close” graphic state….

jQuery Tiny Carousel with Demo

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.