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

    FTColumnflow : CSS Column layouts Polyfill

    FTColumnflow : CSS Column layouts Polyfill

    FTColumnflow is a polyfill that fixes the inadequacies of CSS column layouts.

    • Configurable column widths, gutters and margins
    • Fixed-position elements
    • Elements spanning columns
    • Keep-with-next to avoid headings at the bottom of a column
    • No-wrap class to avoid splitting elements across columns
    • Grouping of columns into pages
    • Horizontal or vertical alignment of pages
    • Standardised line height to align text baseline to a grid.
    • Rapid reflow as required by events such as device orientation or font-size change.

    Loading Header while Scrolling with jQuery & CSS3

    Loading Header while Scrolling with jQuery & CSS3

    This tutorial will teach you how to create a loading header effect while you scroll. To create this we will use both jQuery and some CSS features. This tutorials has 4 examples and i will explain in detail how each works.

    Loading header while you scroll it’s a growing trend in the web design industry. It’s a great visual way of letting users know how much more they have to read until the end of the article.

    jQuery Rotated Gallery with CSS3

    jQuery Rotated Gallery with CSS3

    Today i will teach you how to create a tilted gallery using jQuery and using the CSS3 transform property. Each gallery features controls and popup for each picture.
    This tutorial is best suited for portfolio galleries or for creating a professional photo gallery. This tutorial is made so that it will work with unlimited number of sliders, photos and on any screen size.

    AnimatedModal.js : jQuery fullscreen modal with CSS3

    AnimatedModal.js : jQuery fullscreen modal with CSS3

    AnimatedModal.js is a jQuery plugin to create a fullscreen modal with CSS3 transitions. you can use the transitions by animate.css or create yourself their transitions.

    Inspiration for Button Styles and Effects with CSS3

    Inspiration for Button Styles and Effects with CSS3

    A collection of fresh button styles and effects for your inspiration. We use CSS transitions and pseudo-elements for most of the effects.

    Album Preview Animations using CSS3

    Album Preview Animations using CSS3

    In this tutorial we will teach you how to create some album preview effects using CSS only. No JavaScript section here.

    Secondary sliding Navigation with CSS3 & jQuery

    Secondary sliding Navigation with CSS3 & jQuery

    A bold, secondary menu that slides over the main navigation.

    This approach can be an alternative to a standard dropdown menu, in particular if you want to emphasise more the sub navigation. Besides you can easily customize the snippet and use the slide in panel for a search box instead, or a login form – just to give you a couple of ideas.

    jQuery Accordion Menu

    jQuery Accordion Menu

    “jQuery Accordion Menu” is a menu with accordion behavior.

    Features:

    • Cross Browser
    • 6 color schemes
    • Unlimited submenus
    • Icons by Font Awesome
    • CSS3 effect
    • Easy to use and customize

    CalcSS3 : iPhone Like Scientific Calculator

    CalcSS3 : iPhone Like Scientific Calculator

    This is a CSS3 remake of the well known iPhone™ calculator. (No images, only CSS).
    This scientific calculator works just like most other calculators of its kind and probably doesn’t need any further explanations.

    jAnimate : makes your Animate.css rocks with jQuery

    jAnimate : makes your Animate.css rocks with jQuery

    Plugin to help you use Animate.css with jQuery.