Animations - Learning from Cartoons

Explore the art of creating natural-looking animations in web development by drawing inspiration from early cartoon techniques. Delve into the principles that made drawings come to life as early as 1906 and learn how to apply these concepts to CSS and web animations. Discover the secrets behind making object movements appear "correct" to the human eye and create motions that feel natural in the browser. Gain insights into key animation concepts such as frames, follow-through, overlapping, and in-and-out techniques. This conference talk from JSConf EU 2019 bridges the gap between traditional cartoon animation and modern web development, offering valuable lessons for creating engaging and lifelike animations in your web projects.

Intro
Background
Expectation
Frames
Follow Through Overlapping
In and Out