Animations — Learning from Cartoons
summary
Cartoons’ craft becomes actionable web technique: take Disney’s 12 principles boiled to eight and apply them with squash and stretch, easing and staging via CSS keyframes and the web animation API. The talk shows pose‑to‑pose plus straight‑ahead frame strategy, cites 12–24fps vs 60fps expectations, and demonstrates a math‑based drag‑and‑drop tilt that actually feels natural. Specifics include volume‑preserving squash, anticipation timing, overlapping follow‑through, and using secondary motions to sell weight and speed.
AI-written summary · about
chapters (6)
related talks
26mDisney’s 12 Basic Principles Of Animation – Done in CSS
43mDesigning Meaningful Animation
33mAnimation Studio Power Techniques with CSS
19mThe Shady Web: Using CSS for Good, not Evil
44mPractical Web Animation
37mAnimating the User Experience
50mDesigning with animation
28mWeb Animation: from Disney to SASS