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

    alBox : jQuery Super-smooth Lightbox Plugin

    alBox : jQuery Super-smooth Lightbox Plugin

    alBox is jQuery lightbox plugin for showcasing images, with modern super-smooth CSS3 transition effects. If you are tired of classical lightbox plugins, and want something modern and clean, then alBox is right stuff for you and your website.

    Recreating the “Design Samsung” Grid Loading Effect

    Recreating the “Design Samsung” Grid Loading Effect

    A tutorial on how to achieve the grid loading effect seen on the “Design Samsung” site. The effect will show a colored element sliding in first and then sliding out again, revealing the image.

    Inspiration for Article Intro Effects with CSS3

    Inspiration for Article Intro Effects with CSS3

    Today we want to share some inspiration for article intro effects with you. You have surely seen some interesting article headers, usually containing a fullscreen image, that have some sort of intro effect, i.e. where some creative transition happens when scrolling or when clicking on a button to continue. We wanted to explore the effect possibilities with fullscreen images and making something happen when continuing to the article body. There are many potentially cool effects and today we want to share just a couple of ideas with you.

    Smart Demo-bar with jQuery & CSS3

    Smart Demo-bar with jQuery & CSS3

    Smart Demo-Bar is plugin made for developers that need Demo-Bar or theme switcher for responsive theme, smart Demo-Bar would be shown on top of page, allow users to preview another theme to test his responsive design.

    Smart Demo-Bar can work on smaller screens, and it will work on mobile devices browsers that support jQuery and CSS3.

    odometer : Smoothly Transitions numbers with Ease

    odometer : Smoothly Transitions numbers with Ease

    Odometer is a Javascript and CSS library for smoothly transitioning numbers.Odometer’s animations are handled entirely in CSS using transforms making them extremely performant, with automatic fallback on older browsers.

    jQuery Full Page Menu

    jQuery Full Page Menu

    A jQuery plugin that let you Create a full page, Fully Animated Menu with CSS3 for your Navigation.

    jQuery CSS3 animations Pack

    jQuery CSS3 animations Pack

    A versatile CSS3 animation pack with various usages. Trigger CSS3 animations as elements enter the viewport, as you hover with a mouse or by binding them via JavaScript functions/event listeners.

    Drop.js : Javascript and CSS library for Creating Dropdowns

    Drop.js : Javascript and CSS library for Creating Dropdowns

    Drop is a Javascript and CSS library for creating dropdowns and other popups attached to elements on the page. Drop uses Tether.js to efficiently position its elements.

    Features:

    • Drops automatically reposition on page resizes and scrolls, reorienting to stay in view.
    • Drop uses GPU accelerated positioning to maintain 60fps scrolling, even with dozens or hundreds of drops on screen and complex animation
    • Drops can be nested within other drops
    • Drops can be attached to any of 12 attachment points on the target, or you can leverage the full power of Tether to position your drop anywhere.
    • Drops can be configured to open when the user clicks or hovers.

    kyco Image Preloader with jQuery & CSS3

    kyco Image Preloader with jQuery & CSS3

    The simplest and most efficient way to preload your images. This plugin lets you preload your images and CSS backgrounds with ease.