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

    $dropDownPanels – JQuery Drop Down Panel Menu

    $dropDownPanels - JQuery Drop Down Panel Menu

    The Drop Down Panel menu adds a pull down panel when you hover a menu button. This script is made as JQuery plugin. It can be used from horizontal menus as well as for vertical menus.

    jQuery jsContext a Custom context menus

    jQuery jsContext a Custom context menus

    jsContext allows developers to easily add custom context menus and tooltips to their websites/apps.

    Rotating Image Slider with jQuery

    Rotating Image Slider with jQuery

    In the following tutorial we will create an asymmetrical image slider with a little twist: when sliding the pictures we will slightly rotate them and delay the sliding of each element. The unusual shape of the slider is created by some elements placement and the use of thick borders. We will also add an autoplay option and the mousewheel functionality.

    We’ll use the jQuery 2D Transformation Plugin for rotating the images and the jQuery Mousewheel Plugin by Brandon Aaron for the mousewheel control.

    Centralize HTML DOM element with jQuery Center plugin

    Centralize HTML DOM element with jQuery Center plugin

    This simple plugin helps you centralize your DOM element against their parent element or the window. You can also specify the top of the DOM element by passing customized settings.

    Zoomooz a jQuery Plugin

    jQuery page zoom plugin

    Zoomooz is an easy-to-use jQuery plugin for making any web page element zoom.

    Absolute Floating Menu with jQuery

    Absolute Floating Menu with jQuery

    Catch visitors’ attention with menu or other valuable content in animated floating box that follows uses scrolling.

    A Snazzy Animated Pie Chart with HTML5 and jQuery

    A Snazzy Animated Pie Chart with HTML5 and jQuery

    In this tutorial I’m going to show you how to build a lovely, interactive pie chart using the latest HTML5 technologies. Not that long ago, this kind of thing was only practical to do with Flash. Now, thanks to advances such as the HTML5 canvas element, we can create pretty nifty animated effects using nothing but JavaScript, CSS, and a small sprinkling of maths!

    Photobooth with PHP, jQuery and CSS3

    Photobooth with PHP, jQuery and CSS3

    In this tutorial, we will be building a jQuery and PHP powered photobooth. It will allow your website visitors to take a snapshot with their web camera and upload it from a neat CSS3 interface.

    The solution we are going to use for this app is webcam.js. It is a JavaScript wrapper around flash’s API that gives us control over the user’s webcam.

    jQuery Sequential List

    jQuery Sequential List

    Have you ever had to manually code something that is sequential? Didn’t you find it annonying? Well, here is a simple solution for you. This tutorial will show you how to use jQuery to add a sequent of CSS classes to create a graphical list. The second example will show you how to add a comment counter to a comment list using jQuery’s prepend feature.