Best jQuery Animation Plugins & Tutorials with Demo

jQuery Quickie: Smooth animated quote display

jQuery Quickie: Smooth animated quote display

Here is the new way to display quote using jQuery.Time for yet another jQuery quickie! These relatively simple jQuery tutorials will show you a simple, yet beautiful effect making use of jQuery. This way, you can learn and create something very cool at the same time.

jQuery Fullscreen Gallery with Thumbnail Flip

Fullscreen Gallery with Thumbnail Flip

In this tutorial we will create a fullscreen gallery with jQuery. The idea is to have a thumbnail of the currently shown fullscreen image on the side that flips when navigating through the images. The big image will slide up or down depending where we are navigating to. We will add navigation controls for the mousewheel and for keys. The thumbnail will have a zoom and and a fullscreen option, making the image in the background appear in fullscreen mode or as a complete image, resized to fit in the page.

Vertical Scroll Menu with jQuery Tutorial

Scroll Menu with jQuery Tutorial

Just last week, I came accross to this website Narrow Design. His scroll menu caught a lot of my attentions, I played with it for a while. Yes, unfortunately, it’s built in flash. And, Yes, we are going to implement it with jquery – javascript based scroll menu that will do the same thing. Of course, it will not be 100% the same, because some of the fancy features just not that practical to implement with javascript.

How to Make Auto-Advancing Slideshows with jQuery & HTML5

How to Make Auto-Advancing Slideshows

One of the most requested improvements over the tutorials presented on this site, when it comes to slideshows, is the ability to have the slides advance automatically. It is actually not that difficult to achieve this effect, and to demonstrate it, in this short tutorial we are going to make our HTML5 Slideshow auto advance with a few lines of jQuery.

Display Your Favourite Music with jQuery & Last.fm

Display Your Favourite Music with jQuery & Last.fm

Use the power of jQuery and the handy last.fm records plugin to create a showcase of your favourite music on your website. We’ll install the plugins to fetch the information from the Last.fm website, then style up the design with a cool retro vinyl record theme.

jQuery Expand Stacked Images Using Slider with Demo

JQuery Expand Stacked Images Using Slider

This time the post will show how to expand the stacked images with jquery, for the illustration, there is a stack of images that have very small margin between each image, and the slider have a function to make the margin larger, really easy to imagine right? Now to make it look stacked I’m using jquery plugin, the rotate3Di and of course the jQuery UI slider.

Contained Sticky Scroll jQuery Plugin with Demo

Contained Sticky Scroll jQuery Plugin

The Contained Sticky Scroll plugin is designed to allow an element to stick to the top of the screen as page scrolls down, but without moving outside of the parent container.

Facebook Style Loading Bar Using CSS and jQuery

Facebook Style Loading Bar Using CSS and JQuery

Have you even paying attention on facebook ajax loading bar, think it’s simple but really cool, if you using high speed internet connection sure this image won’t show, but I always see it when I share a link on my personal facebook status. If you want to get the the image you can use this ajaxload image generator server, pick the facebook style on the combo box.

jQuery Portfolio Zoom Slider with Demo

Portfolio Zoom Slider with jQuery

In this tutorial we are going to create some nice effects for a portfolio or similar website with jQuery. We will create a tiny slider and integrate it with the amazing Cloud Zoom plugin and the elegant Fancybox plugin.

The idea is to give the user the option to view details of a portfolio item by zooming it on hover, and to allow a full view by clicking. Moreover, we want to have a couple of images for each item, hence we will create a slider.

Flip! jQuery plugin with Demo

flip jQuery Plugin

Flip is a jQuery plugin that will flip easily your elements in four directions.