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

    Blend Effect navigation menu in jQuery

    February 20, 2011 | CSS2 / CSS3.0, Menus, Plugins
    Blend Effect navigation menu in jQuery

    A jQuery based animation / effects, progressive enhancement plugin for CSS backgrounds.A jQuery based animation / effects, progressive enhancement plugin for CSS backgrounds. This light-weight (only 1.4KB) plugin for jQuery adds a nice blend effect to your website.

    Read More Demo

    Lightview : jQuery lightbox Overlay Anything With Style

    February 20, 2011 | CSS2 / CSS3.0, Gallery, Popup Window
    Lightview Lightbox – Overlay Anything With Style

    Lightview was built to change the way you overlay content on a website. Designed to complement your content, and features include: smart image preloading, customization without CSS, adjustable rounded corners and more.

    Read More Demo

    PrettyPhoto – jQuery Lightbox

    February 20, 2011 | CSS2 / CSS3.0, Gallery, Popup Window
    PrettyPhoto – jQuery Lightbox

    PrettyPhoto is a jQuery based lightbox clone. It supports images and has also support for videos, flash, YouTube, iFrames. The setup is relatively easy and quick, plus the script is compatible in every major browser.

    Read More Demo

    Easy Display Switch with CSS and jQuery

    February 20, 2011 | Animation, CSS2 / CSS3.0, Gallery, Tabs
    Easy Display Switch with CSS and jQuery

    Today, I would like to go over a quick and simple way to allow your users to switch page layouts by using CSS and jQuery.Today’s web users expect web pages to be increasingly more interactive. To this end, the ability to change page layouts provides your users with a more immersive experience and allows them to consume information more easily, either with a quick gallery view, or a detailed summary view.

    Read More Demo

    Create an Image Rotator with Description in CSS & jQuery

    February 20, 2011 | CSS2 / CSS3.0, Gallery, Slider
    Create an Image Rotator with Description in CSS/jQuery

    An image rotator is one great way to display portfolio pieces, eCommerce product images, or even as an image gallery. Although there are many great plugins already, this tutorial will help you understand how the image rotator works and helps you create your own from scratch.

    Read More Demo

    Colorful Content Accordion with CSS & jQuery

    February 20, 2011 | Accordion, CSS2 / CSS3.0, Menus, Tabs
    Colorful Content Accordion with CSS & jQuery

    A simple, yet very eye-catching and colorful accordion with the help of CSS, jQuery and the easing plug-in for some fancy effects. This handy script delivered by Martin Angelov is both easily modifiable end embeddable.

    Read More Demo

    TN34 Timetabs – jQuery Plugin

    February 20, 2011 | CSS2 / CSS3.0, Gallery, Plugins, Tabs
    TN34 Timetabs – jQuery Plugin

    This jQuery plugin by Mario Alves creates tab container that switches automatically every cycle (or interval) to next tab – the plugin is compatible with most modern browsers…

    Read More Demo

    Halftone Navigation Menu With jQuery & CSS3

    February 20, 2011 | CSS2 / CSS3.0, Menus
    Halftone Navigation Menu With jQuery & CSS3

    We are making a CSS3 & jQuery halftone-style navigation menu, which will allow you to display animated halftone-style shapes in accordance with the navigation links, and will provide a simple editor for creating additional shapes as well.

    Read More Demo

    Overlay Effect Menu with jQuery

    February 20, 2011 | CSS2 / CSS3.0, Menus
    Overlay Effect Menu with jQuery

    We are going to create a simple menu that will stand out once we hover over it by covering everything except the menu with a dark overlay. The menu will stay white and a submenu area will expand. We will create this effect using jQuery.

    Read More Demo

    Slide Down Box Menu with jQuery and CSS3

    February 20, 2011 | CSS2 / CSS3.0, Gallery, Menus
    Slide Down Box Menu with jQuery and CSS3

    We will create a unique sliding box navigation. The idea is to make a box with the menu item slide out, while a thumbnail pops up. We will also include a submenu box with further links for some of the menu items. The submenu will slide to the left or to the right depending on which menu item we are hovering.

    Read More Demo