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

    Create Beautiful jQuery slider in jQuery

    March 8, 2011 | CSS2 / CSS3.0, Gallery

    This tutorial explains how to develop Create Beautiful jQuery sliders tutorial with image description and name.

    Read More Demo

    Multi-Level Accordion Menu in jQuery

    March 8, 2011 | Accordion, CSS2 / CSS3.0, Menus

    Supports infinite level of unordered lists, easy to implement, and has been tested in Internet Explorer 6+, Firefox, Safari, and Chrome.

    Read More Demo

    Sliding-Sliding Doors – Animated jQuery Menu

    March 8, 2011 | CSS2 / CSS3.0, Menus

    Among other things, JQuery is very useful for an easy manipulation of the CSS background-position property. This tutorial is a perfect example to illustrate that possibility.
    Althought this menu is not, in my opinion, the best looking of this article, it has always be a client’s favorite.

    Read More Demo

    Shutter Effect Portfolio with jQuery and Canvas

    March 8, 2011 | CSS2 / CSS3.0, Gallery, HTML5

    In today’s tutorial, we will be using the HTML5 canvas element to create a simple photography portfolio, which displays a set of featured photos with a camera shutter effect. This functionality will come in the form of an easy to use jQuery plugin that you can easily incorporate into any website.

    Read More Demo

    jCrumb jQuery plugin for breadcrumbs

    March 7, 2011 | CSS2 / CSS3.0, Menus, Web

    JCrumb is a JQuery plugin for instantly adding breadcrumbs to any webpage without the need to worry about sitemaps, or server side languages. Just add the plugin to every page you want breadcrumbs on, initialize, and you’re done. Can be also be styled with JQuery UI.

    Read More Demo

    Sticky Section Headers with jQuery

    March 5, 2011 | CSS2 / CSS3.0, Menus

    Given the appropriate mark-up structure this plugin keeps headers in place while scrolling, known from the iPhone table view.

    Read More Demo

    How to Control Text Properties using jQuery and UI Slider

    March 5, 2011 | CSS2 / CSS3.0, Slider, Web

    Today I will tell how you can use jQuery to animate and control your text. We will changing font size, font family and other properties. Where we can use this? As example to allow your users to customize view of text boxes in your website.

    Read More Demo

    jQuery Content Panel Switcher

    March 4, 2011 | CSS2 / CSS3.0, Tabs, Web

    The jQuery Content Panel Switcher is a simple, very lightweight jQuery plugin that allows smooth transitioning of content in and out of panels located anywhere on the page. You can have single or multiple content switching panels on a single page Content panels can be either span or div elements, and the buttons used to switch the content can be just about anything, so long as they have the right clases assigned.

    Read More Demo

    jQCloud – jQuery Tag Clouds Plugin

    March 4, 2011 | CSS2 / CSS3.0, Web

    jQCloud allows you to build neat cloud-shaped word clouds and tag clouds. Since this plugin produces pure HTML code, the word cloud layout can be easily personalized with custom CSS styles.

    Read More Demo

    Uber-customsiable video carousel with jQuery

    March 4, 2011 | CSS2 / CSS3.0, Gallery, Slider, Web, XML

    This carousel and featured-content rotator excels in two areas: firstly, it serves both video and graphic content, and secondly, it is super-customisable in terms of where the three components of the carousel – namely the slides, the tabs and the ‘more info’ area – are positioned within it. An XML file controls all behavioral and visual aspects of the carousel, though default settings can be overridden at the point of instantiation.

    Read More Demo