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

    jq-tiles : Slider with css3 transitions & jQuery

    jq-tiles : Slider with css3 transitions & jQuery

    Slider with css3 transitions and many effects.In browsers that don’t support css3 transitions classes won’t be animated but some effects will still work, just a bit choppy.

    jQuery Instagram SlideShow Plugin

    jQuery Instagram SlideShow Plugin

    Features:

    • CSS3 driven animation.
    • Auto delay slideshow, hove to pause.
    • Optional link of the image.
    • Optional loop of the photo stack.
    • Optional display numbers.

    fancyBox : Fancy jQuery Lightbox Alternative

    fancyBox : Fancy jQuery Lightbox Alternative

    fancyBox is a tool that offers a nice and elegant way to add zooming functionality for images, html content and multi-media on your webpages. It is built at the top of the popular JavaScript framework jQuery and is both easy to implement and a snap to customize.Fancybox has a following features Responsive (try resizing window while fancyBox is open),Integrated slideshow,New gallery transitions,Uses CSS3 (shadows, round corners).

    BART : jQuery notification plugin

    BART : jQuery notification plugin

    jQuery BART is a notification plugin for jQuery, or more appropriately an ‘annoyification’ plugin. As the purpose of this plugin is to present content on the page that will attract the user’s attention, it seemed to be a fitting name. If you feel that it’s an appropriate name, then all the better. However, if you feel, as some might, that I am trading heavily on the brand of the above-mentioned show(which I haven’t mentioned by name), then you can be very assured that BART is an acronym meaning: Broadcasting And Reporting Things

    Users are used to seeing notifications in various ways appear on their computer. Whether you are a Mac, Linux, or PC user, those notifications typically appear in one of six places: Top, Bottom, Top Right, Bottom Right, Top Left, Bottom Left. Notifications typically are either a bar, or a bubble.

    Timeliner : jQuery plugin to make an interactive, Historical timeline

    Timeliner : jQuery plugin to make an interactive, Historical timeline

    Build a simple, interactive, historical timeline with HTML, CSS, and jQuery. The benefits of this timeline script are that it’s (1) fully accessible and 508 compliant (an original requirement) (2) simple, (3) able to handle nearly any form of content, and (4) printer friendly. There’s also plenty of room for you to get creative with the styling. (Please drop me a line if you do do something cool with it.)

    The timeline was developed completely without the use of Flash, so it fully accessible, diplays on non-Flash supported devices like the iPhone, and prints nicely.

    Transformer layout : jQuery plugin support for CSS3 media queries

    Transformer layout : jQuery plugin support for CSS3 media queries

    Transformer layout jQuery plugin adds support for CSS3 media queries (min-width and max-width) across all browsers allowing you to develop layouts that adapt depending on the current window width, text size and zoom level without horizontal scrolling.

    Each layout can then be liquid so as to always make the best use of space. This provides the benefits of both liquid and elastic layout approaches! That said, media queries can also be used to create fixed-width layouts that adapt for low resolutions.

    xSquare : Responsive Image Slider in html5/jquery

    xSquare : Responsive Image Slider in html5/jquery

    xSquare is a responsive jQuery image slider. It has a layout that consists of grids making it useful for variety of web page positions. Though the main purpose of the image slider is within a banner position it can easily be implemented as an image gallery or something similar because it is compatible with lightbox, prettyPhoto etc. The loading of images is done via smart lazyLoad with an implemented loader. Effective sliding transitions make the slider have a more dynamic look. The xSquare responsive image slider gives you the option to place up to 7 images in one slide or to place one effectively sliced photo.

    Animatable : CSS3 Animation with JavaScript

    Animatable : CSS3 Animation with JavaScript

    Animatable is a ultimate animation in javascript with one property, two values, endless possiblities.

    FrameIt : Responsive jQuery Plugin

    FrameIt : Responsive jQuery Plugin

    FrameIt is a Responsive jQuery plugin for frame images.Objective of the plugin is to create a plugin that works on mobile devices, smartphones and desktop without loss functionality. This plugin is “responsive”, which means it’s 100% compatible with responsive web designs.

    Features:

    • Responsive and mobile Ready
    • Support for all majors browser
    • Fully customizable frames shapes with css classes
    • Fully configurable animation of the frames
    • Separate images for each frame
    • Anchor frames. Follows any link you want
    • +20 presets for all images orientations
    • CSS3 Real Shadow Effects
    • CSS3 responsive background images (even on unsupported browser)