'
jQuery 1.4 Animation Techniques Beginner's Guide
Time for action – creating an animated loader
Time for action – adding the underlying markup and styling
Time for action – scripting the animation
Time for action – creating the dialog
Using fadeToggle() for convenient state-checking logic
Time for action – showing and hiding with fadeToggle()
Greater opacity control with fadeTo()
Time for action – creating the example page
Time for action – adding the behavior
Time for action – fading table-rows in IE
Time for action – animations with show/hide
Time for action – replacing show and hide with toggle
Time for action - viewing the queue
Time for action – adding a single function to the queue
Time for action – keeping the queue running
Time for action – replacing the queue
Ensuring custom queues iterate correctly
Time for action – dequeueing functions
Time for action – preventing animation build-up using the stop method
Useful properties of the jQuery object
Time for action – creating a slide-down login form
Time for action – sliding elements up
Time for action – using slideToggle
Time for action – adding easing
Time for action – using the alternative argument format
Time for action – avoiding the flicker effect
Time for action – fixing the flicker
Animating an element's position
Time for action – creating an animated content viewer
Time for action – initializing variables and prepping the widget
Time for action – defining a post-animation callback
Time for action – adding event handlers for the UI elements
Time for action – adding a new skin
Time for action – creating the underlying page and basic styling
Time for action – defining the full and small sizes of the images
Time for action – creating the overlay images
Time for action – creating the overlay wrappers
Time for action – maintaining the overlay positions
Creating a jQuery animation plugin
Time for action – creating a test page and adding some styling
Time for action – adding a license and defining configurable options
Time for action – adding our plugin method to the jQuery namespace
Time for action – creating the UI
Time for action – creating the transition overlay
Time for action – defining the transitions
Extended Animations with jQuery UI
Obtaining and setting up jQuery UI
The new effects added by jQuery UI
Time for action – using the bounce effect
Time for action – highlighting elements
Time for action – making an element pulsate
Time for action – shaking an element
Time for action – resizing elements
Time for action – transferring the outline of one element to another
Using effects with show and hide logic
Time for action – using the blind effect
Time for action – clipping an element in and out
Time for action – using the effect
Time for action – exploding an element
Time for action – folding an element away
Time for action – making an element disappear in a puff
Time for action – sliding elements in and out of view
Time for action – scaling an element
Time for action – adding easing to effects
Time for action – animating between colors
Time for action – transitioning between classes
Time for action – creating the page that will scroll and its styling
Time for action – animating the scroll
The illusion of depth with parallax
Time for action – creating the stage and adding the styling
Time for action – animating the background position
Animated single-page navigation
Time fr action – creating individual pages and adding the styles
Time for action – adding the scroll navigation
Time for action – adding the markup and styling
Time for action – creating the frames and running the animation
Time for action – creating and styling the page
Time for action – prepping the page for sliding functionality
Time for action – animating the scroller
Time for action – adding the mouse events
Time for action – adding keyboard events
Time for action – creating an animated header
Time for action – creating and styling the underlying page
Time for action – retrieving and processing the post list
Time for action – animating the post links
Animated rotation with jQuery and CSS3
Time for action – animating an element's rotation
Time for action – creating the underlying markup and basic styling
Time for action – initializing the widget
Time for action – animating an element's skew
Time for action – skewing an element from left to right
Time for action – wiring up the controls
Time for action – drawing to the canvas
Canvas, IE, and the alternatives
Time for action – making our code compatible with IE
Time for action – creating an animation on the canvas
Time for action – animating the white crosses
Time for action – animating the red crosses
Time for action – creating the initial page
Time for action – the initial script
Time for action – adding the aliens to the page
Time for action – moving the aliens