The Book of Motion (Website)
Matt Perry is authoring 'The Book of Motion,' a comprehensive guide to UI animation theory, performance engineering, and practical implementation.
Decoder
- Layout projection: A technique used in animation libraries (like Framer Motion) to maintain the visual position of an element by counter-animating its transform property when its layout changes, preventing costly re-renders of the DOM.
Original article
Motion is power.
Most animation resources start by talking about code, or taste. This book starts at the start: Perception.
Whether you intend for it or not, every animation communicates something to the user. About your brand, about your interface. About what is happening, or what has just happened. So, better you intend it!
From there, we'll explore mechanics (timing, keyframes, springs), engineering (the render pipeline, performance, layout projection), and in practice (animating a button, a modal, a page). Each topic illustrated with animated diagrams and performance-graded examples.
The last time I sat down to write a book about motion, I ended up spending 12 years writing animation libraries instead. This time, it's finally happening.
Fresh dev news, AI-digested daily. Never miss a trend at devoured.fyi