- Who am I?

- WHY AM I HERE?

- WHAt are the 12 principles?

- Case study: Dropdown

- bonus principle: Arcs

- Questions!

 

- CTO AT PEG.co

- CODER

- Not an animation expert

"CSS ANIMATION"

http://goo.gl/b8Pzgn

EMOTIONAL

12 principles

1. EASE-IN

EASE-OUT

A

B

2. Squash and stretch

3. Framing/

anticipation

 

4. follow through

5. Secondary action

BONUS: ARCS

- EASE-in, EASE-out

- Squash & stretch

- FRAMING & ANTICIPATION

- Follow through

- Secondary action

- arcs

 

slides.com/alexpeattie/disney

Questions?

slides.com/alexpeattie/disney