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

    Full-Screen Pop-Out Navigation with jQuery & CSS3

    Full-Screen Pop-Out Navigation with jQuery & CSS3

    Here is a fixed menu that drives users’ attention to a couple of call-to-action buttons first, then let them explore the full-screen navigation with jQuery and CSS3.

    Page Preloading Effect with CSS3 & SVG

    Page Preloading Effect with CSS3 & SVG

    A tutorial on how to re-create the page preloading effect seen on the website of Fontface Ninja. We are going to use CSS animations, 3D transforms and SVGs.

    HTML Builder with jQuery & Bootstrap

    HTML Builder with jQuery & Bootstrap

    HTML Builder is a nifty little Javascript application which allows end-users to easily compose custom HTML designs using pre-defined HTML elements. The HTML Builder script comes with several sample HTML elements (the ones as displayed in the live demo), however the script really shines when used with your own custom HTML elements!

    Features:

    • build custom HTML pages using predefined HTML elements
    • create your own custom HTML elements with ease
    • integrates seamlessly with CSS frameworks (like Bootstrap, Foundation, etc)
    • create multiple pages in one session
    • export the created pages (incl CSS, Javascript and images)
    • basic editing of written content (only available for non IE browsers)

    Scrolling Progress Bar with jQuery & CSS3

    Scrolling Progress Bar with jQuery & CSS3

    Today I will be creating an animated progress bar that updates the progress based on how far you scrolled into a content section.

    3D Items Quick View with jQuery & CSS3

    3D Items Quick View with jQuery & CSS3

    A simple 3D animation for your gallery items, to make it easy for users to discover more about your products without having to leave the page with jQuery and CSS3.

    Icons Filling Effect with CSS3 & SVG

    Icons Filling Effect with CSS3 & SVG

    An eye-catching filling effect for your icons, that can be used to make a simple page look cool and dynamic.

    Smart Grid Gallery jQuery WordPress Plugin

    Smart Grid Gallery jQuery Wordpress Plugin

    Turn native WordPress Gallery  into Dynamic Grig Gallery with different lightboxes, hover effects and many other options. “Smart Grid Gallery” is responsive and touch friendly.

    Features:

    • Use Native WordPress Gallery Shortcode
    • Built-in Shortcode Generator
    • Fully Responsive Layout
    • CSS3 Transition Effects
    • Two Different Lightboxes
    • 600+ Google Fonts
    • Support Touch Devices Like iPhone/iPad or Android
    • Highly Customizable

    AniJS : Declarative handling library for CSS Animations

    AniJS : Declarative handling library for CSS Animations

    AniJs is a declarative handling library for CSS animations. The main objective is to provide an eloquent, easy to translate, and quick to develop environment.

    Vertical Responsvive Timeline with Bootstrap

    Vertical Responsvive Timeline with Bootstrap

    In this tutorial I want to demonstrate how to build a vertical responsive timeline using Twitter Bootstrap. It’s free to use and includes many helpful styles for getting the page setup properly. Also since we’re using Bootstrap it is very simple to create a responsive effect for the vertical timeline. This effect works great on a landing page or detailed archives page.

    Animated bubbles upwards continuously with pure CSS

    Animated bubbles upwards continuously with pure CSS

    Here is a pure CSS experimental work to create floating bubbles without using JavaScript. These animated bubbles are also with popping effect. All these animation is created by Pure CSS.