Syntax - Tasty Web Development Treats 854: Animating the Web With Matt Perry: Exploring motion.dev
56 snips
Nov 29, 2024 
Matt Perry, creator of the open-source web animation library Motion, dives into the evolution of web animations, emphasizing the shift toward user-friendly tools. He discusses the transition from Framer Motion to open source and the challenges of the Web Animation API. Performance testing on slower devices and optimizations for animations are explored, along with comparisons between layout animations and the Vue Transition API. Matt also shares insights on graphics programming and his personal passion for Grime music.
AI Snips
Chapters
Transcript
Episode notes
Testing Performance
- Use real, lower-end devices to accurately test web performance and reproduce slow environments.
- Chrome DevTools' CPU throttling helps but can't fully emulate GPU limitations.
Learning from Others
- Matt Perry actively examines other animation libraries like GreenSock and Anime.js for optimization techniques.
- This competitive analysis reveals surprising performance differences, such as the cost of type coercion.
Exploring Svelte and Vue
- Svelte's animation approach is intriguing due to community enthusiasm, suggesting underlying effectiveness.
- Matt Perry is open to Svelte and Vue integrations for Motion, potentially offering scoped animations.