jQuery 1.4 Animation Techniques
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