Exploring Microsoft Edge DevTools and Animation Performance

Wes and Scott talk with Matt Perry, the creator of Motion (formerly Framer Motion). Matt discusses building intuitive tools, transitioning Motion to open source, and the future of web animation.

• 00:00 Welcome to Syntax!
• 01:15 The Framer Motion story
  • Motion
• 05:16 What’s the status of Framer Motion today?
• 09:08 What tech is Motion built on?
• 13:40 Is Motion entirely WAAPI?
• 16:06 Why hasn’t the Web Animation API gained more traction?
• 17:46 Does Matt design his demos?
• 19:25 Performance and testing
• 25:34 Brought to you by Sentry.io
• 28:10 Have other animation libraries influenced Motion?
  • Svelte
  • GSAP
  • Anime.js
• 31:49 Micro-Optimizations in JS
• 36:02 How do you test frame rates?
• 38:03 Graphics programming and shaders
  • Maxime Heckel
  • Maxime’s blog
• 39:58 What is the future of Motion?
• 41:42 What’s the difference between layout animations and the Vue Transition API?
• 46:35 Sick Picks & Shameless Plugs

• Matt:
  • Grime music
  • P Money
  • Ghetts

• Matt:
  • Motion.dev
  • Sponsor Motion

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads