Wes Bos & Scott Tolinski - Full Stack JavaScrip...

Zpravodajství

Technologické zprávy

Technika

854: Animating the Web With Matt Perry: Exploring motion.dev

Syntax - Tasty Web Development Treats

Full Stack Developers Wes Bos and Scott Tolinski dive deep into web development topics, explaining how they work and talking about their own experiences. They cover from JavaScript frameworks like React, to the latest advancements in CSS to simplifying web tooling.

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. Show Notes  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  Sick Picks  Matt:  Grime music P Money Ghetts   Shameless Plugs  Matt:  Motion.dev Sponsor Motion   Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott: X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads

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.
 Show Notes  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
  Sick Picks  Matt:  Grime music

 P Money

 Ghetts

  Shameless Plugs  Matt:  Motion.dev

 Sponsor Motion

  Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads
 Wes: X Instagram Tiktok LinkedIn Threads
 Scott: X Instagram Tiktok LinkedIn Threads
 Randy: X Instagram YouTube Threads

Aplikace Youradio Talk

854: Animating the Web With Matt Perry: Exploring motion.dev

Poslechněte si podcast