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

    Balloon.css : CSS Tooltips

    Balloon.css : CSS Tooltips

    Balloon.css lets you add tooltips to elements without JavaScript and in just a few lines of CSS.

    Philter : A JS plugin for CSS Filters

    Philter : A JS plugin for CSS Filters

    Philter is an open source JavaScript plugin that allows you to control CSS filters through HTML attributes counting on hover event triggered effects.

    Shifting Material Button Modal with CSS3 & jQuery

    Shifting Material Button Modal with CSS3 & jQuery

    Two call-to-action buttons that give context to your modals in a Material Design fashion.

    Products Comparison Table with CSS & jQuery

    Products Comparison Table with CSS & jQuery

    A responsive table to compare and filter through multiple products with css and jquery.

    Hamburgers : Tasty CSS Animated Hamburgers

    Hamburgers : Tasty CSS Animated Hamburgers

    Hamburgers is a collection of tasty CSS-animated hamburger icons. Also included is the source as a Sass library. It’s modular and customizable, so cook up your own hamburger.

    Theemey.js : Theme Engine with jQuery

    Theemey.js : Theme Engine with jQuery

    A theme engine built in jQuery and Stylus.

    Ultimate Image Hover effects using CSS3

    Ultimate Image Hover effects using CSS3

    In this tutorial, total number of 8 ultimate hover effects and every single effect contain 3 different effects using same property of CSS3. So you easily learn the single property like transform, translate and transition use with 3 demos.

    Filterizr : jQuery Stunning Filterable Gallery

    Filterizr : jQuery Stunning Filterable Gallery

    Filterizr is a jQuery plugin that sorts, shuffles and applies stunning filters over responsive galleries using CSS3 transitions.

    Features:

    • Pluggable look & feel (write your CSS effects in the box on the right and hit Filterize!)
    • Performant — optimized for smooth experience on mobile devices
    • Lightweight — around 8.5kb, jQuery is its only dependency
    • Responsive — with your Media Queries (resize the window!)
    • Open source

    Polaroid Stack to Grid Intro Animation

    Polaroid Stack to Grid Intro Animation

    A tutorial on how to create an intro animation where a decorative Polaroid stack becomes a grid similar to the effect seen on the takeit website.

    Mobility : Framework for developing Mobile Applications

    Mobility : Framework for developing Mobile Applications

    Mobility is a super light weight HTML, CSS, and JS framework built on top of Bootstrap for developing mobile applications.

    Features:

    • CSS Powered Transitions
    • Fixed Header and footer
    • Form Fields optimized for mobile
    • Tabs
    • Lists (with inifinite scrolling pagination both on top and on the bottom)
    • Modals
    • Popover Menus
    • Aside Menus
    • Notifications
    • Hero Image