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

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