Jim on January 30th, 2010




A little bit of animation can spruce up a dull user interface. This collection of jQuery Animations pull up a whole new style of interactivity through stunning animations and effects.

Continue reading about 20+ Stunning jQuery Animations




JParallax is no news to jQuery lovers. For those who still dont know anything about it. Here is a little introduction. jParallax turns a selected element into a window, or viewport, and all its children into absolutely positioned layers that can be seen through the viewport. These layers move in response to the mouse, and, depending on their dimensions (and options for layer initialisation), they move by different amounts, in a parallaxy kind of way. Next, I will show you how to make a beautiful

Continue reading about Make Your Header Responses To Mouse Movements With JParallax




In this jQuery tutorial, you will learn how to construct a Parallax Scrolling background ? first popularized in web interfaces with the use of Flash. The technique involves div elements with CSS background images. The Parallax Scrolling technique requires the scrollTo plugin by Argentinean Web Developer and Game Programmer, Ariel Flesler.

Continue reading about Creating A Funky Parallax Scrolling Background With jQuery

Jim on January 29th, 2010




Glimmer, a JavaScript animation creation tool that leverages the jQuery library, has several live demonstrations for some of the things you can do with the app. For instance, with Glimmer, you can create cool animation sequences or make a spiffy and impressive rotating banner for your website.

Continue reading about Multiple Animations With jQuery

Jim on January 29th, 2010




This animated tutorial goes over a similar concept to the youlove.us example of vertically moving a large CSS background image. Illustrations on how the technique works will help readers grok the concept more fully. Devirtuoso, the author of the tutorial, goes through due diligence by offering an IE6 hack for backwards compatibility.

Continue reading about Animated Header Using jQuery