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

    jQuery CSS3 Strength Meter Plugin

    May 14, 2014 | CSS2 / CSS3.0, Forms, HTML5, Plugins
    jQuery CSS3 Strength Meter Plugin

    A jQuery plugin that converts a password input into an advanced widget with strength validation meter and toggle mask to show/hide the password. The password strength is validated as you type.

    Features:

    1. Convert any password input to an advanced password strength validation plugin. Will fallback to a normal password input for browsers not supporting JQuery or Javascript.
    2. The plugin will offer ability to toggle password mask (show/hide password text) and display a dynamic strength meter as you type. Uses advanced strength calculation algorithm which can be customized by setting/overriding the default validation rules.
    3. All options to the password input can be passed as HTML5 data attributes.
    4. Internationalization enabled to show messages in languages other than Englsh. At this stage translations are available for 4 languages (German, French, Italian, and Russian).
    5. Show and hide meter and/or toggle password mask.
    Read More Demo

    jQuery Animate Slider

    May 9, 2014 | Animation, CSS2 / CSS3.0, Plugins, Slider
    jQuery Animate Slider

    A jQuery Slider plugin with specific animations effects for each element.The Animate Slider plugin uses some predefined animation classes (fadeIn,fadeOut,rotateIn,bounce,slideInRight etc.) found in jquey.animateSlider.css and adds them to each element on the slider. It also add classes with delay for each animation (delay1s,delay1-5s,delay2s etc.)

    Read More Demo

    Mostslider : jQuery Content slider

    May 7, 2014 | CSS2 / CSS3.0, Responsive, Slider
    Mostslider : jQuery Content slider

    Mostslider is a lightweight and simple to use jQuery content slider.

    Features:

    • Minified version is only 9kb.
    • Easy to setup and use.
    • Sliding any content.
    • Responsive.
    • Built in social sharing buttons.
    • Linkable slides.
    Read More Demo

    WordPress Page Transitions with jQuery & CSS3

    May 7, 2014 | Animation, CSS2 / CSS3.0, Plugins, Premium, Wordpress
    Wordpress Page Transitions with jQuery & CSS3

    With WP Page Transitions you can add beatiful transitions between your wordpress pages! You can set the transitions on a global level or you can customize it per page.
    You could also choose to use only in transitions or only out transitions instead of both!

    Read More Demo

    Build a Multi-Step Form Interface with jQuery

    May 4, 2014 | CSS2 / CSS3.0, Forms
    Build a Multi-Step Form Interface with jQuery

    Form usability is an incredibly important topic in web design. As one of the primary input interfaces provided to users, the usability of a form is essential to a good user experience.

    Today, we’re going to build a multi-part form, complete with validation and animation.

    Read More Demo

    waitMe : jQuery plugin for Loading CSS3 Animations

    May 1, 2014 | Animation, CSS2 / CSS3.0, Plugins
    waitMe : jQuery plugin for Loading CSS3 Animations

    WaitMe is a jQuery plugin for easy creating loading css3 animations.

    Read More Demo

    jQuery Animate Transform

    April 30, 2014 | Animation, CSS2 / CSS3.0, Plugins
    jQuery Animate Transform

    jQuery.animateTransform allows you to animate CSS3 Transform-Values (translate, translate3d, skew, rotate, scale).The Plugin is an extension for jQuery’s animate-function, hooking into $.fx.step to animate the CSS3 Transform-values. That means there’s no need for using an own function with an own syntax. Just animate them the way you learned it.

    Read More Demo

    jQuery Hover Direction Plugin

    April 29, 2014 | CSS2 / CSS3.0, Plugins
    jQuery Hover Direction Plugin

    A jQuery plugin to add CSS classes based on direction of mouse entrance or exit of an element.

    Read More Demo

    Progress Circle : jQuery CSS3 Plugin

    April 25, 2014 | Animation, CSS2 / CSS3.0, Plugins
    Progress Circle : jQuery CSS3 Plugin

    A jQuery plugin that creates a percentage circle based on pure CSS.

    Read More Demo

    Page Loading Effects Animation with SVG

    April 24, 2014 | Animation, CSS2 / CSS3.0, SVG Tutorial
    Page Loading Effects Animation with SVG

    A set of creative page loading effects that use SVG animations with Snap.svg. The idea is to show an overlay with a interesting shape animation while new content gets loaded.

    Read More Demo