Web Animation using JavaScript: Develop & Design (Develop and Design)

(やまだぃちぅ) #1
Colors
Transforms
Using Velocity: Without jQuery (intermediate)
Wrapping up

CHAPTER 3 MOTION DESIGN THEORY


Motion  design  improves    the user    experience
Utility
Borrow conventions
Preview outcomes
Distraction over boredom
Leverage primal instincts
Make interactions visceral
Reflect gravitas
Reduce concurrency
Reduce variety
Mirror animations
Limit durations
Limit animations
Elegance
Don’t be frivolous
Your one opportunity to be frivolous
Consider personality
Go beyond opacity
Break animations into steps
Stagger animations
Flow from the triggering element
Use graphics
Wrapping up

CHAPTER 4 ANIMATION WORKFLOW


CSS animation   workflow
Issues with CSS
When CSS makes sense
Free download pdf