Best jQuery Animation Plugins & Tutorials with Demo

    Roll.js : JavaScript Roll & Scroll Tracking

    Roll.js : JavaScript Roll & Scroll Tracking

    A little js library (~8kb min, 3kb gzip, no dependencies) to help you keep track of position, scrolling, and pagination.

    Animating an SVG Menu Icon with Segment

    Animating an SVG Menu Icon with Segment

    A tutorial on how to implement an animated menu icon based on the Dribbble shot by Tamas Kojo using SVG and Segment, a JavaScript library for drawing and animating SVG paths.

    Animated Arrow Navigations With FlexSlider And CSS3

    Animated Arrow Navigations With FlexSlider And CSS3

    All of you should be quite familiar with Codrop’s  “Arrow Navigation Styles” tutorials. They are really inspiring and creative. I played with the Arrow Navigation styles demo, I’m impressed. And I wondered how hard would it be to really implement it on Slider without actually create a slider that does that. First slider that immediately came into my mind is FlexSlider.

    Interactive Room Display with JavaScript & CSS

    Interactive Room Display with JavaScript & CSS

    Today we’d like to share a little experiment based on a Dribbble shot by Bilal Mechairia’s, called “Spaces”. The idea is to show an interactive room with several items that all float in 3D space and move according to the position of the mouse. Once an item is clicked, more details pop up. Navigating between the room “slides” will rotate the different wall sections and add some interesting dynamic to the whole thing.

    Twitter Heart Button CSS3 Animation

    Twitter Heart Button CSS3 Animation

    Today twitter has been introduced a new heart (like) button, it is actually a replacement for favorite button. I love the way twitter has implemented cool animation effect for click action. This post will explain you, how to implement this using CSS3 and Jquery.

    Custombox : Modal Window Effects with transitions CSS3

    Custombox : Modal Window Effects with transitions CSS3

    Custombox is a modal window effects with transitions CSS3.

    BackgroundScroll.js : jQuery Animated Scroll Background Image

    BackgroundScroll.js : jQuery Animated Scroll Background Image

    jQuery plug-in to scroll the CSS background image automatically.

    A plurality of images are to scroll at different speeds to up, down, left and right oblique direction .

    Animate Element Along SVG Path

    Animate Element Along SVG Path

    Today I’ll show you how to animate an SVG element along a predefined path using snapsvg javascript library.

    Quttons : Buttons made of Quantum Paper

    Quttons : Buttons made of Quantum Paper

    With this jQuery plugin you can hide any div behind a Quantum [Paper] Button or Qutton.

    Qunatum Paper is a digital paper that can change its size, shape and color to accomodate new content. Quantum paper is part of Google’s new Material Design language.

    Parallax.js : jQuery Parallax Engine

    Parallax.js : jQuery Parallax Engine

    Parallax Engine that reacts to the orientation of a smart device. Where no gyroscope or motion detection hardware is available, the position of the cursor is used instead.