Index
A
- active class / What just happened?
- activeSlide variable / What just happened?, What just happened?
- add() method / What just happened?
- addAliens() function / Time for action – adding the aliens to the page, What just happened?
- addClass() method
- configuring / Time for action – setting up our navigation, What just happened?
- addColorStop(a, b) method / Drawing images and patterns
- alert() method / What just happened?
- alienMotion() function / Time for action – moving the aliens, What just happened?
- alienSpeed variable / What just happened?, What just happened?
- alt attribute / What just happened?
- animate() method / Using the stop() method, What just happened?
- used, for background color animating / Introducing the animate method, Time for action – animating the body background-color, What just happened?
- using / What just happened?
- about / The animate method
- per-property easing / Per-property easing
- alternative syntax / An alternative syntax for animate()
- configuration options / An alternative syntax for animate()
- animate() method configuration options
- step option / An alternative syntax for animate()
- queue option / An alternative syntax for animate()
- specialEasing option / An alternative syntax for animate()
- animated content viewer
- animated header
- animated skewing
- about / Animated skewing
- markup styling, creating / Time for action – creating the underlying markup and basic styling, What just happened?
- basic styling, creating / Time for action – creating the underlying markup and basic styling, What just happened?
- widget, initializing / Time for action – initializing the widget, What just happened?
- elements skew, animating / Time for action – animating an element's skew, What just happened?
- element, skewing from left to right / Time for action – skewing an element from left to right, What just happened?
- controls, wiring up / Time for action – wiring up the controls
- matrix animation, extending / Have a go hero – extending matrix animation
- animated UIs
- about / The power of animated UIs
- animation example
- about / A basic animation example
- animated loader, creating / Time for action – creating an animated loader, What just happened?
- loading animation, extending / Have a go hero – extending the loading animation
- animation methods
- animate() method / Animating with jQuery
- clearQueue() method / Animating with jQuery
- delay() method / Animating with jQuery
- dequeue() method / Animating with jQuery
- fadeIn() method / Animating with jQuery
- fadeOut() method / Animating with jQuery
- fadeTo() method / Animating with jQuery
- fadeToggle() method / Animating with jQuery
- finish() method / Animating with jQuery
- hide() method / Animating with jQuery
- queue() method / Animating with jQuery
- show() method / Animating with jQuery
- slideDown() method / Animating with jQuery
- slideToggle() method / Animating with jQuery
- slideUp() method / Animating with jQuery
- stop() method / Animating with jQuery
- toggle() method / Animating with jQuery
- animations
- web animations / Animation on the Web
- using / The power of animated UIs
- using, advantages / When to use animations
- avoiding / When not to use animations
- checklist / Animation checklist
- methods / Animating with jQuery
- example / A basic animation example, Time for action – creating an animated loader, What just happened?, Pop quiz – basic animation with jQuery
- arc(a, b, c, d, e, f) method / Drawing using a path
- arcTo(a, b, c, d, e) method / Drawing using a path
- arrow variable / What just happened?
- automatic background animation
B
- <body> element / Animating the window with scrollTop(), Time for action – animating an element's rotation
- <button> element / Time for action – creating an animated loader, What just happened?, What just happened?
- background
- animating, automatically / Time for action – creating an automatic background animation, What just happened?
- animating, diagonally / Time for action – animating the background diagonally, What just happened?, Have a go hero
- background-color property / The new effects added by jQuery UI, Configuration options, What just happened?
- background-position element / What just happened?
- background-position property / Animating page headers
- background color
- animating / Background-color animation
- animating, animate() method used / Introducing the animate method, Time for action – animating the body background-color, What just happened?
- jQuery methods, chaining together / Chaining together jQuery methods, Have a go hero – extending our script with a loop
- backgroundImage property / What just happened?
- background position
- backgroundPosition property / What just happened?
- background styling
- background variable / What just happened?
- BasicImage filter property / What just happened?
- basic styling
- beginPath() method / Drawing using a path, What just happened?
- bezierCurveTo(a, b, c, d, e, f) method / Drawing using a path
- bgHorizMarker variable / What just happened?
- blind effect
- about / The blind effect
- configuration options / Configuration options
- using / Time for action – using the blind effect, What just happened?
- bounce effect
- about / The bounce effect
- configuration options / Configuration options
- using / Time for action – using the bounce effect, What just happened?
- bulletInt interval / What just happened?
- bulletPos variable / What just happened?
C
- <canvas> element
- using / Using the canvas element
- drawing to / Drawing to the canvas, Time for action – drawing to the canvas, What just happened?
- animating / Animating the canvas, Time for action – creating an animation on the canvas, What just happened?
- white crosses, animating / Time for action – animating the white crosses, What just happened?
- red crosses, animating / Time for action – animating the red crosses, What just happened?
- callback function / Configuring the animations with arguments
- canvas game
- creating / Creating a canvas game
- initial page, creating / Time for action – creating the initial page, What just happened?
- initial script, creating / Time for action – creating the initial script, What just happened?
- aliens, adding to page / Time for action – adding the aliens to the page, What just happened?
- aliens, moving / Time for action – moving the aliens, What just happened?
- handlers, adding to control ship / Time for action – adding handlers to control the ship, What just happened?
- space invaders clone, extending / Have a go hero – extending the space invaders clone
- CanvasRenderingContext2D object / Using the canvas element
- canvas variable / What just happened?
- charset attribute / The template file
- class attribute / Using the canvas element
- classes
- transitioning between / Time for action – transitioning between classes, What just happened?
- clearQueue() method / Animating with jQuery, What just happened?
- clearRect() function / What just happened?
- clearRect(a, b, c, d) method / Native shapes
- click() method / What just happened?, What just happened?
- clip effect
- about / The clip effect
- configuration options / Configuration options
- using / Time for action – clipping an element in and out, What just happened?
- closePath() method / Drawing using a path, What just happened?
- color property / What just happened?
- colors
- animating between / Animating between different colors, What just happened?
- complete property / What just happened?
- concatenation / What just happened?
- config.transitionType property / What just happened?
- config object / What just happened?
- configurable options
- defining, in plugin / Time for action – adding a license and defining configurable options, What just happened?
- config variable / What just happened?
- container object / What just happened?
- Content Delivery Networks (CDN) / Time for action – animating the body background-color
- context methods
- about / Understanding context methods
- save() / Understanding context methods
- restore() / Understanding context methods
- context variable / What just happened?
- controls
- wiring up / Time for action – wiring up the controls
- counter variable / What just happened?
- createImageData(a, b) method / Pixel manipulation
- createLinearGradient(a, b, c, d) method / Drawing images and patterns
- createOverlay() function / What just happened?
- createPattern(a, b) method / Drawing images and patterns
- createRadialGradient(a, b, c, d, e, f) method / Drawing images and patterns
- cross-fading / What just happened?
- css() method / What just happened?, The animate method, What just happened?, Using jQuery and transforms
- CSS3 2D transform functions
- matrix / CSS3 2D transforms
- rotate / CSS3 2D transforms
- scale / CSS3 2D transforms
- scaleX / CSS3 2D transforms
- scaleY / CSS3 2D transforms
- skew / CSS3 2D transforms
- skewX / CSS3 2D transforms
- skewY / CSS3 2D transforms
- translate / CSS3 2D transforms
- translateX / CSS3 2D transforms
- translateY / CSS3 2D transforms
- CSS3 2D transforms
- about / CSS3 2D transforms
- functions / CSS3 2D transforms
- working with / Working with transforms
- setting, jQuery used / Using jQuery and transforms
- CSS3 3D transforms
- about / CSS3 3D transforms
- cssHooks
- using / Animating page headers
- about / Using jQuery and transforms
- URL / Using jQuery and transforms
- css property / What just happened?
D
- <div> element / What just happened?, What just happened?
- data method / What just happened?
- data object / What just happened?
- data property / Pixel manipulation
- defaults object / What just happened?
- delay() method / Animating with jQuery
- dequeue() method / Animating with jQuery
- details object / What just happened?
- DHTML
- about / Animation on the Web
- dims object / What just happened?
- dirCounter variable / What just happened?, What just happened?
- direction property / What just happened?
- display property / Fading animations
- document object / What just happened?
- Document Object Model (DOM) / What just happened?
- doRotate() function / What just happened?
- Download Builder page / Obtaining and setting up jQuery UI
- drawImage(a, b, c) method / Drawing images and patterns
- driftX variable / What just happened?
- driftY variable / What just happened?
- drop effect
- about / The drop effect
- configuration options / Configuration options
- using / Time for action – using the effect, What just happened?
E
- $(elements).newMethod() method / Creating a jQuery animation plugin
- each() method / What just happened?, What just happened?, Time for action – creating the overlay wrappers, What just happened?, What just happened?
- each function / Time for action – creating the overlay wrappers
- easeOutBounce function / The bounce effect
- easing
- about / Easing functions
- jQuery UI add ins / Easing functions
- adding, to jQuery UI effects / Time for action – adding easing to effects
- adding, object literal used / Using an object literal to add easing
- using / Have a go hero – using easing
- effect() method / Using the effect API, Configuration options
- effect API
- using / Using the effect API
- element
- highlighting / Time for action – highlighting elements, What just happened?
- pulsating / Time for action – making an element pulsate, What just happened?
- shaking / Time for action – shaking an element, What just happened?
- resizing / Time for action – resizing elements, What just happened?
- outline, transferring / Time for action – transferring the outline of one element to another, What just happened?
- clipping / Time for action – clipping an element in and out, What just happened?
- exploding / Time for action – exploding an element, What just happened?
- folding / Time for action – folding an element away, What just happened?
- sliding / Time for action – sliding elements in and out of view, What just happened?
- scaling / Time for action – scaling an element, What just happened?, Scale
- size, animating / Animating an element's size
- translating / Translate
- skewing / Skew
- rotating / Rotation
- element position
- element position, animating
- animated content viewer, creating / Time for action – creating an animated content viewer
- variables, initializing / Time for action – initializing variables and prepping the widget, What just happened?
- widget, prepping / Time for action – initializing variables and prepping the widget, What just happened?
- post-animation callback, defining / Time for action – defining a post-animation callback, What just happened?
- event handlers, adding for UI elements / Time for action – adding event handlers for the UI elements, What just happened?
- element size
- underlying page, creating / Time for action – creating the underlying page and basic styling, What just happened?
- basic styling, creating / Time for action – creating the underlying page and basic styling, What just happened?
- image sizes, defining / Time for action – defining the full and small sizes of the images, What just happened?
- overlay images, creating / Time for action – creating the overlay images
- overlay wrappers, creating / Time for action – creating the overlay wrappers, What just happened?
- overlay positions, maintaining / Time for action – maintaining the overlay positions, What just happened?
- elements skew
- animating, from right to left / Time for action – animating an element's skew, What just happened?
- animating, from left to right / Time for action – skewing an element from left to right, What just happened?
- eq() method / What just happened?, What just happened?
- error class / What just happened?
- event handlers
- adding, for UI elements / Time for action – adding event handlers for the UI elements, What just happened?
- expanded class / What just happened?
- explode effect
- about / The explode effect
- configuration options / Configuration options
- using / Time for action – exploding an element, What just happened?
- extend() method / What just happened?
F
- #firefox element / What just happened?
- fadeIn() method / Animating with jQuery, Fading animations
- fadeOut() method / Animating with jQuery, Fading animations
- fadeTo() method / Animating with jQuery
- fadeToggle() method / Animating with jQuery, Fading animations
- fade variable / What just happened?
- fading animations
- about / Fading animations
- configuring, arguments used / Configuring the animations with arguments, Time for action – setting up the markup and styling, What just happened?
- markup, setting up / Time for action – setting up the markup and styling
- styling, setting up / Time for action – setting up the markup and styling, What just happened?
- fill() method / Drawing using a path
- fillRect() method / What just happened?
- fillRect(a, b, c, d) method / Native shapes
- fillStyle property / Native shapes, What just happened?
- fillText(a, b, c) method / Text strings
- filter property / What just happened?
- find() method / What just happened?, What just happened?
- finish() method / Animating with jQuery
- fire() function / What just happened?
- flat class / What just happened?
- flatDims variable / What just happened?
- flat element / What just happened?
- float style property / What just happened?
- flow element / What just happened?
- fn.extend() method / What just happened?
- fold effect
- about / The fold effect
- configuration options / Configuration options
- using / Time for action – folding an element away, What just happened?
- font-size property / What just happened?
- font property / Text strings
- form
- creating / Time for action – creating the form, What just happened?
- animation styles, adding to / Time for action – adding our animation styles to the form, What just happened?
- form animations
- form validation
- creating / Time for action – basic dialog form validation, What just happened?
- extending / Have a go hero – extending our form validation
- errors, animating / Time for action – animating form validation errors, What just happened?
- form validation animations
G
- get() method / What just happened?, What just happened?
- getContext() method / What just happened?
- getContext(a) method
- using / Using the canvas element
- getElementById() method / What just happened?
- getImageData(a, b, c, d) method / Pixel manipulation
- getJSON() method / What just happened?, Time for action – animating the post links
- getVendor() function / Problems with IE, What just happened?
- globalAlpha property / Understanding context methods
- globalCompositeOperation property / Understanding context methods
- goAnim() function / What just happened?, What just happened?
- growDiagonal() function / What just happened?
- growVertical() function / What just happened?, What just happened?
H
- header element / What just happened?
- height parameter / Per-property easing, What just happened?
- height property / Pixel manipulation
- hidden class / What just happened?
- hide() method / Animating with jQuery
- highlight effect
- about / The highlight effect
- configuration options / Configuration options
- applying / Time for action – highlighting elements, What just happened?
- Hoisting
- about / What just happened?
- hover() function / Time for action – extending the previous and next link features
- hover() method / What just happened?, What just happened?, What just happened?
- hover class / Have a go hero – extending our hover style
- hover style
- extending / Have a go hero – extending our hover style
- href attribute / What just happened?, What just happened?
- html() method / What just happened?, What just happened?
- HTMLCanvasElement interface
- learning / Learning the HTMLCanvasElement interface
- <canvas> element, using / Using the canvas element
- context methods / Understanding context methods
- native shapes / Native shapes
- shape, drawing with path / Drawing using a path
- images, drawing / Drawing images and patterns
- patterns, drawing / Drawing images and patterns
- text strings, writing / Text strings
- transformation methods, applying / Applying transformation methods
- pixels, manipulating / Pixel manipulation
I
- <img> element / What just happened?, Using the canvas element
- <input> element / What just happened?, What just happened?
- id attribute / What just happened?, What just happened?, What just happened?, Using the canvas element
- illusion of depth
- creating, parallax effect used / The illusion of depth with parallax
- image animation
- about / Image animation
- imageData object / Pixel manipulation
- Image object / What just happened?
- image rotator
- images
- full size, defining / Time for action – defining the full and small sizes of the images, What just happened?
- small size, defining / Time for action – defining the full and small sizes of the images, What just happened?
- drawing, to canvas / Drawing images and patterns
- img element / What just happened?
- index() method / What just happened?
- init() function / What just happened?
- Initiate the action button / A basic animation example
- innerText element / What just happened?
- Internet Explorer 9 (IE9) / The template file
- is() method / What just happened?
J
- join() method / What just happened?
- jQuery
- animating with / Animating with jQuery
- URL / Animating with jQuery
- jQuery() function / What just happened?
- jQuery.fx.interval property / Animating with jQuery
- jQuery.fx.off property / Animating with jQuery
- jQuery animation plugin
- creating / Creating a jQuery animation plugin
- test page, creating / Time for action – creating a test page and adding some styling, What just happened?
- style, adding / Time for action – creating a test page and adding some styling, What just happened?
- UI, creating / Time for action – creating the UI
- jQuery methods
- chaining together / Chaining together jQuery methods, Have a go hero – extending our script with a loop
- jQuery namespace
- plugin method, adding to / Time for action – adding our plugin method to the jQuery namespace, What just happened?
- jQuery object / Creating a jQuery animation plugin
- jQuery UI
- obtaining / Obtaining and setting up jQuery UI
- setting up / Obtaining and setting up jQuery UI
- new template file, creating / Creating a new template file
- animations, adding / The new effects added by jQuery UI, Using the effect API, The bounce effect, Time for action – using the bounce effect, What just happened?, Time for action – highlighting elements, Time for action – making an element pulsate, What just happened?, Time for action – shaking an element, Time for action – resizing elements, Time for action – transferring the outline of one element to another, What just happened?
- color animations / Animating between different colors, What just happened?
- class transitions / Class transitions, What just happened?
- jQuery UI animations
- blind effect / The new effects added by jQuery UI
- bounce effect / The new effects added by jQuery UI, The bounce effect, Time for action – using the bounce effect, What just happened?
- clip effect / The new effects added by jQuery UI
- drop effect / The new effects added by jQuery UI
- explode effect / The new effects added by jQuery UI
- fold effect / The new effects added by jQuery UI
- highlight effect / The new effects added by jQuery UI, The highlight effect, Time for action – highlighting elements, What just happened?
- puff effect / The new effects added by jQuery UI
- pulsate effect / The new effects added by jQuery UI, The pulsate effect, Time for action – making an element pulsate, What just happened?
- scale effect / The new effects added by jQuery UI
- shake effect / The new effects added by jQuery UI, The shake effect, Time for action – shaking an element
- size effect / The new effects added by jQuery UI, The size effect, Time for action – resizing elements, What just happened?
- slide effect / The new effects added by jQuery UI
- transfer effect / The new effects added by jQuery UI, The transfer effect, Time for action – transferring the outline of one element to another, What just happened?
- effect API / Using the effect API
- JSONP
K
- keyboard events
- adding, to proximity animation / Time for action – adding keyboard events, What just happened?
- keyCode property / What just happened?
- keydown event / What just happened?, What just happened?
- keyMatch variable / What just happened?
- keyup event / What just happened?
- key variable / What just happened?, What just happened?
L
- #loader element / What just happened?
- <label> element / What just happened?
- <link> element / The template file
- lang attribute / The template file
- length() function / What just happened?
- length property / What just happened?
- license
- adding, to plugin / Time for action – adding a license and defining configurable options, What just happened?
- lineCap property / Drawing using a path
- lineJoin property / Drawing using a path
- lineTo() method / What just happened?
- lineTo(a, b) method / Drawing using a path
- lineWidth property / Drawing using a path, What just happened?
- link variable / What just happened?
- loadingInterval variable / What just happened?
- Login button / Time for action – shaking an element
M
- $.myFunction() function / Creating a jQuery animation plugin
- M12 property / What just happened?
- M21 property / What just happened?
- markup styling
- marquee-ready event / What just happened?
- marquee effect
- used, for text animating / Animating text using the marquee effect
- marquee scroller
- extending / Have a go hero – extending the marquee scroller
- match() function / What just happened?
- matrix animation
- extending / Have a go hero – extending matrix animation
- Matrix filter / What just happened?
- matrix function / CSS3 2D transforms
- Matrix property / What just happened?
- matrix transform
- about / Understanding the matrix
- element, translating / Translate
- used, for element scaling / Scale
- used, for element skewing / Skew
- used, for element rotating / Rotation
- measureText(a) method / Text strings
- middle variable / What just happened?
- miterLimit property / Drawing using a path
- motionInt variable / What just happened?, What just happened?
- mouseeenter event / What just happened?
- mouseenter event / What just happened?, What just happened?, Have a go hero – extending the marquee scroller
- mouse events
- adding, to proximity animation / Time for action – adding the mouse events
- mouseleave event / What just happened?, What just happened?, What just happened?, Have a go hero – extending the marquee scroller
- mousemove event / What just happened?
- mouseout event / What just happened?
- mouseover event / What just happened?
- moveTo() method / What just happened?
- moveTo(a, b) method / Drawing using a path
- msg_error variable / What just happened?
N
- native shapes
- about / Native shapes
- methods, using with / Native shapes
- native shapes methods
- clearRect(a, b, c, d) / Native shapes
- fillRect(a, b, c, d) / Native shapes
- strokeRect(a, b, c, d) / Native shapes
- navigation
- setting up / Time for action – setting up our navigation
- navigation animations
- creating / Creating simple navigation animations
- addClass(), configuring / Configuring addClass() and removeClass(), What just happened?
- removeClass(), configuring / Configuring addClass() and removeClass(), What just happened?
- merging / Smooth scrolling and page background color, Time for action – creating the super animation, Have a go hero – extending the script further
- next link features
- noConflict() method / What just happened?
- normalizedDuration variable / What just happened?
- not() method / What just happened?
O
- object literal / What just happened?
- used, to add easing / Using an object literal to add easing
- offset() method / What just happened?, What just happened?
- on() method / What just happened?
- onload event / Time for action – adding handlers to control the ship
- opacity property / Fading animations
- order variable / What just happened?
- overflow property / What just happened?, What just happened?
- overlay images
- overlay positions
- overlay wrappers
P
- #pagination element / What just happened?
- page
- creating, for Proximity animations / Time for action – creating and styling the page, What just happened?
- styling, for Proximity animations / Time for action – creating and styling the page, What just happened?
- preparing, for sliding functionality / Time for action – preparing the page for sliding functionality, What just happened?
- page background color
- changing / Smooth scrolling and page background color
- super animation, creating / Time for action – creating the super animation, What just happened?
- script, extending / Have a go hero – extending the script further
- page element
- background position, animating / Parallax background on page elements, What just happened?
- page headers
- animating / Animating page headers, What just happened?
- pagination functionality
- paging variable / What just happened?
- parallax animations
- about / Parallax background on page elements
- markup page, setting up / Time for action – setting up the markup and styling, What just happened?
- styling, setting up / Time for action – setting up the markup and styling, What just happened?
- parallax effect
- used, for illusion of depth creating / The illusion of depth with parallax
- parallax script
- parseInt function / What just happened?
- path
- used, for shape drawing / Drawing using a path
- creating, methods / Drawing using a path
- properties / Drawing using a path
- path methods
- arc(a, b, c, d, e, f) / Drawing using a path
- arcTo(a, b, c, d, e) / Drawing using a path
- beginPath() / Drawing using a path
- bezierCurveTo(a, b, c, d, e, f) / Drawing using a path
- closePath() / Drawing using a path
- fill() / Drawing using a path
- lineTo(a, b) / Drawing using a path
- moveTo(a, b) / Drawing using a path
- quadraticCurveTo(a, b, c, d) / Drawing using a path
- stroke() / Drawing using a path
- path properties
- lineCap / Drawing using a path
- lineJoin / Drawing using a path
- lineWidth / Drawing using a path
- miterLimit / Drawing using a path
- patterns
- drawing, to canvas / Drawing images and patterns
- pause-on-hover functionality
- pixels
- manipulating / Pixel manipulation
- pixels manipulation methods
- createImageData(a, b) / Pixel manipulation
- getImageData(a, b, c, d) / Pixel manipulation
- putImageData(a, b, c) / Pixel manipulation
- plugin
- creating / Creating the plugin
- license, adding / Time for action – adding a license and defining configurable options, What just happened?
- configurable options, defining / Time for action – adding a license and defining configurable options, What just happened?
- method, adding to jQuery namespace / Time for action – adding our plugin method to the jQuery namespace, What just happened?
- UI, creating / Time for action – creating the UI, What just happened?
- transition overlay, creating / Time for action – creating the transition overlay, What just happened?
- transitions, defining / Time for action – defining the transitions, What just happened?
- using / Using the plugin
- extending / Have a go hero – extending the plugin
- plugin method
- adding, to jQuery namespace / Time for action – adding our plugin method to the jQuery namespace, What just happened?
- position*absolute element / What just happened?
- position*relative element / What just happened?
- position property / What just happened?
- posLeftMarker variable / What just happened?
- post-animation callback
- postAnim() function / What just happened?
- postAnim function / What just happened?
- post links
- post list
- pos variable / What just happened?, What just happened?
- preDims variable / What just happened?
- prefix variable / What just happened?
- preFlat element / What just happened?
- preFlat object / What just happened?
- prev() method / What just happened?
- preventDefault() method / What just happened?, What just happened?, What just happened?, What just happened?
- previous link features
- progressive enhancement
- project folder
- creating / Creating the project folder
- template file, creating / The template file
- prox.mouseleave function / Time for action – adding keyboard events
- Proximity animations
- about / Understanding Proximity animations
- page, styling / Time for action – creating and styling the page, What just happened?
- page, creating / Time for action – creating and styling the page, What just happened?
- page, preparing for sliding functionality / Time for action – preparing the page for sliding functionality, What just happened?
- scroller element, animating / Time for action – animating the scroller, What just happened?
- mouse events, adding / Time for action – adding the mouse events, What just happened?
- keyboard events, adding / Time for action – adding keyboard events, What just happened?
- extending / Have a go hero – extending proximity animations
- puff effect
- about / The puff effect
- configuration options / Configuration options
- using / Time for action – making an element disappear in a puff, What just happened?
- pulsate effect
- about / The pulsate effect
- configuration options / Configuration options
- using / Time for action – making an element pulsate, What just happened?
- putImageData(a, b, c) method / Pixel manipulation
Q
- quadraticCurveTo(a, b, c, d) method / Drawing using a path
- queue() method / Animating with jQuery
- queue property / What just happened?
R
- rectInt variable / Time for action – animating the red crosses
- rectMotion() function / What just happened?
- redCross() function / What just happened?
- red crosses
- animating, on canvas / Time for action – animating the red crosses, What just happened?
- removeClass() method
- configuring / Time for action – setting up our navigation, What just happened?
- resetOffset variable / What just happened?
- restore() method / Understanding context methods
- rotate() function / What just happened?
- rotate function / CSS3 2D transforms, Animated skewing
- rotation
- animating, jQuery used / Animated rotation with jQuery and CSS3, Time for action – animating an element's rotation, What just happened?, Problems with IE, Have a go hero – extending CSS3 rotation
- animating, CSS3 used / Animated rotation with jQuery and CSS3, Time for action – animating an element's rotation, What just happened?, Problems with IE, Have a go hero – extending CSS3 rotation
- runLoader() function / What just happened?
- runLoader function / What just happened?
S
- #slider element / What just happened?
- #slide wrapper element / What just happened?, What just happened?
- <script> element / Time for action – resizing elements, Time for action – drawing to the canvas
- save() method / Understanding context methods
- scale effect
- about / The scale effect
- configuration options / Configuration options
- using / Time for action – scaling an element, What just happened?
- scale function / CSS3 2D transforms
- scaleX function / CSS3 2D transforms
- scaleY function / CSS3 2D transforms
- scroller element
- scroller variable / What just happened?
- scrolling animation
- scrollTop()
- window, animating with / Animating the window with scrollTop(), What just happened?
- setInterval() function / What just happened?, What just happened?, What just happened?
- setInterval() method / What just happened?
- setTimeout function / What just happened?, What just happened?
- shadowBlur property / Native shapes
- shadowColor property / Native shapes
- shadowOffsetX property / Native shapes
- shadowOffsetY property / Native shapes
- shake effect
- about / The shake effect
- configuration options / Configuration options
- using / Time for action – shaking an element, What just happened?
- shape
- drawing, path used / Drawing using a path
- show() method / Animating with jQuery
- show/hide logic
- jQuery UI effects, using with / The blind effect, Time for action – using the blind effect, The clip effect, Time for action – clipping an element in and out, Configuration options, Time for action – using the effect, What just happened?, Time for action – exploding an element, The fold effect, Time for action – folding an element away, Configuration options, Time for action – making an element disappear in a puff, Time for action – sliding elements in and out of view, The scale effect, Time for action – scaling an element, What just happened?
- size effect
- about / The size effect
- configuration options / Configuration options
- using / Time for action – resizing elements, What just happened?
- sizingMethod parameter / What just happened?
- skew() transform
- animating / Animated skewing
- skew function / CSS3 2D transforms
- skewRTL() function / What just happened?
- skewX function / CSS3 2D transforms
- skewX parameter / What just happened?
- skewX property / What just happened?
- skewY function / CSS3 2D transforms
- skewY parameter / What just happened?
- skewY property / What just happened?
- slice() method / What just happened?
- slideDown() method / Animating with jQuery, What just happened?
- slide effect
- about / The slide effect
- configuration options / Configuration options
- using / Time for action – sliding elements in and out of view, What just happened?
- slideToggle() method / Animating with jQuery
- slideUp() method / Animating with jQuery
- sliding functionality
- page, preparing for / Time for action – preparing the page for sliding functionality, What just happened?
- speed variable / What just happened?, What just happened?
- split() function / What just happened?, What just happened?, What just happened?
- split() method / What just happened?
- src variable / What just happened?
- stage
- stop() method / Animating with jQuery, What just happened?, What just happened?
- using / Using the stop() method
- adding / Time for action – adding the stop() method
- stroke() method / Drawing using a path, What just happened?
- strokeRect(a, b, c, d) method / Native shapes
- strokeStyle property / Native shapes, What just happened?
- stroketext(a, b, c) method / Text strings
- style property / Using jQuery and transforms
- super animation
- super animation script
- extending / Have a go hero – extending the script further
- switchClass() method / Class transitions, What just happened?
T
- $(this) keyword / What just happened?
- <title> element / The template file
- <tr> element / What just happened?
- tabindex attribute / What just happened?
- template file
- creating / The template file
- contents / The template file
- test page
- text
- animating, marquee effect used / Animating text using the marquee effect
- text() method / What just happened?
- text, animating with marquee effect
- underlying page, creating / Time for action – creating and styling the underlying page, What just happened?
- underlying page, styling / Time for action – creating and styling the underlying page, What just happened?
- post list, retrieving / Time for action – retrieving and processing the post list, What just happened?
- post list, processing / Time for action – retrieving and processing the post list, What just happened?
- post links, animating / Time for action – animating the post links, What just happened?
- textAlign property / Text strings
- textBaseline property / Text strings
- text strings
- writing, to canvas / Text strings
- properties / Text strings
- text strings properties
- font / Text strings
- textAlign / Text strings
- textBaseline / Text strings
- timer function / What just happened?
- timer variable / What just happened?, What just happened?, What just happened?
- time variable / What just happened?
- title attribute / What just happened?
- title property / What just happened?
- toDataURL() method
- using / Using the canvas element
- toggle() method / Animating with jQuery, What just happened?
- total variable / What just happened?
- transfer effect
- about / The transfer effect
- configuration options / Configuration options
- using / Time for action – transferring the outline of one element to another, What just happened?
- transformation methods
- applying / Applying transformation methods
- rotate(a) / Applying transformation methods
- scale(a, b) / Applying transformation methods
- translate(a, b) / Applying transformation methods
- transform(a, b, c, d, e, f) / Applying transformation methods
- setTransform(a, b, c, d, e, f) / Applying transformation methods
- transform property / CSS3 2D transforms, What just happened?
- transition overlay
- creating, for plugin / Time for action – creating the transition overlay, What just happened?
- transitions
- defining, for plugin / Time for action – defining the transitions, What just happened?
- transitionWidth property / Using the plugin
- translate(100px, 100px) function / Translate
- translate function / CSS3 2D transforms
- translateX function / CSS3 2D transforms
- translateY function / CSS3 2D transforms
- tranzify object / What just happened?
- trigger() method / What just happened?
U
- UI
- creating / Time for action – creating the UI, What just happened?
- UI elements
- event handlers, adding for / Time for action – adding event handlers for the UI elements, What just happened?
- underlying page
- creating / Time for action – creating the underlying page and basic styling, What just happened?
- styling, for marquee scroller / Time for action – creating and styling the underlying page, What just happened?
- creating, for marquee scroller / Time for action – creating and styling the underlying page, What just happened?
- url property / What just happened?
- userConfig object / What just happened?
V
- #viewer element / What just happened?
- variables
- vendor variable / What just happened?, What just happened?
- venetian-blind effect / What just happened?
- visible class / What just happened?, What just happened?
W
- web animation
- history / Animation on the Web
- webkit variable / What just happened?, What just happened?
- which property / What just happened?
- white crosses
- animating, on canvas / Time for action – animating the white crosses, What just happened?
- whiteLines() function / What just happened?
- widget
- prepping / Time for action – initializing variables and prepping the widget, What just happened?
- skinning / Skinning the widget
- skin, adding / Time for action – adding a new skin, What just happened?
- initializing / Time for action – initializing the widget, What just happened?
- width() method / What just happened?, What just happened?
- width parameter / Per-property easing, What just happened?, Using the plugin
- width property / Pixel manipulation
- width variable / What just happened?, What just happened?
- window object / What just happened?, What just happened?
Y
- yPos variable / What just happened?, What just happened?
Z
- z-index property / What just happened?
- zero-based numbering / What just happened?
- zero-index / What just happened?