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

    3D Bold Navigation in CSS & jQuery

    3D Bold Navigation in CSS & jQuery

    A bold navigation that slides in when active, replacing the current content in a 3D space.To increase the focus on the menu, we pushed the main content along the z-axis (by using CSS transformations we actually scale down the content size, we don’t use 3D translations, but the result is the same).

    Squeezebox Portfolio Template in CSS & jQuery

    Squeezebox Portfolio Template in CSS & jQuery

    An intro block that slides out to uncover a gallery of portfolio items.

    We’ve been experimenting with some motion effects to build a simple portfolio template. The idea is to show a gallery of projects as a separate, secondary module, with the first block still partially visible – just one click away.

    Grid Item Animation Layout with CSS3 & JavaScript

    Grid Item Animation Layout with CSS3 & JavaScript

    oday we’d like to share a simple animated grid layout with you. The responsive layout has a sidebar and grid items that animate to a larger content area when clicked. In the first demo the content area fills the grid and in the second demo, the whole layout moves to the left while the grid item is expanding.

    Messg : CSS3 Animated Notification Messages

    Messg : CSS3 Animated Notification Messages

    Messg is a javascript library with css3 for animated notification messages.

    Discreet Twitter UI : Hover Button Effect

    Discreet Twitter UI : Hover Button Effect

    A minimal ui/ux concept for twitter buttons allowing hover/tap reveals under an icon.

    Forms Plus : CSS – Form Framework

    Forms Plus : CSS - Form Framework

    With Forms Plus you will have power combo of 8 designs, a lot of color themes, multiple styles for each design, tabs and steps in your form, titles and subtitles with multiple styles and positions. Forms Plus contains lots of form elements with different states (required, disabled, error) and animation effects. As a bonus Forms Plus has predefined set of form sizes from tiny to large. You can easily create and customize any form to fit your needs.

    Woco : jQuery Accordion plugin

    Woco : jQuery Accordion plugin

    A simple, user-friendly and lightweight jQuery accordion plugin with smooth animations powered by CSS3 transitions.It was based on the Minimal Accordion/Drawer Plugin with jQuery and CSS3 developed by alxndrwcz.

    Agile : JavaScript generated pure CSS3 Engine

    Agile : JavaScript generated pure CSS3 Engine

    Agile is a simple, fast and easy to use engine which uses javascript generated pure CSS3.

    Features:

    • Agile uses javascript to generate pure CSS3, without canvas, webGL or SVG.
    • Performant on mobile devices, being truly cross platform.
    • Agile’s API has high similar characteristic with actionscript 3.0, you can learn it in 10 minutes.

    Responsive Accordion with jQuery & CSS3

    Responsive Accordion with jQuery & CSS3

    “Responsive Accordion” is a component ready to use on mobile devices and desktop devices. It’s a fluid component and easy to use. It provides various skins, options and features for data organization. Ready for the Bootstrap Framework.

    Real-Time Search in jQuery

    Real-Time Search in jQuery

    What I meant was scanning the DOM of a page for text equivalents and showing the actual parts of the page, as well as hiding the irrelevant ones.