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

Zpravodajství

Technologické zprávy

Technika

899: GSAP: Killer Web Animations With Cassie Evans

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.

Scott and Wes sit down with Cassie Evans of GSAP to talk all things animation—from SVGs and scroll timelines to GSAP’s new rebrand and exciting features. They also dig into performance, plugins, and what makes GSAP such a powerful tool for web developers. Show Notes  00:00 Welcome to Syntax! 00:59 What is GSAP?  Cassie Codes.  01:53 GSAP Rebranding. 04:44 GSAP under the hood. 05:29 The big announcement! 07:19 GSAP Showcase. 11:01 Brought to you by Sentry.io. 11:26 Why is GSAP easier for animations?  GSAP Docs.  12:38 Animating with SVGs. 13:33 The love of SVG. 14:55 GSAP is performant. 16:06 Gotchas to watch out for. 18:12 Does GSAP work with canvas? 19:02 What GSAP projects are you most proud of? 20:30 Does it play nice with web frameworks?  GSAP with React.  22:32 What are you excited about in CSS right now?  Scroll Timeline.  24:27 Will any of these make their way into GSAP? 26:31 Timelines. 29:24 Building animations with timelines. 34:55 What are the best GSAP plugins?  Split Text  spanran-wrap. Physics 2D Plugin.  38:44 GSAP docs and philosophy. 39:50 Scrubbing animations by frame. 41:09 GSAP Video Exporter. 41:45 Animating with JavaScript. 45:19 JavaScript in unconventional applications. 47:56 Is there anything missing in web tech? 50:53 What about AI in GSAP? 52:40 Sick Picks + Shameless Plugs. Sick Picks  Cassie: Eyesy Video Synthesis. Shameless Plugs  Cassie: Smashing Conf. 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

Scott and Wes sit down with Cassie Evans of GSAP to talk all things animation—from SVGs and scroll timelines to GSAP’s new rebrand and exciting features. They also dig into performance, plugins, and what makes GSAP such a powerful tool for web developers.
 Show Notes  00:00 Welcome to Syntax!
 00:59 What is GSAP?  Cassie Codes.

 01:53 GSAP Rebranding.
 04:44 GSAP under the hood.
 05:29 The big announcement!
 07:19 GSAP Showcase.
 11:01 Brought to you by Sentry.io.
 11:26 Why is GSAP easier for animations?  GSAP Docs.

 12:38 Animating with SVGs.
 13:33 The love of SVG.
 14:55 GSAP is performant.
 16:06 Gotchas to watch out for.
 18:12 Does GSAP work with canvas?
 19:02 What GSAP projects are you most proud of?
 20:30 Does it play nice with web frameworks?  GSAP with React.

 22:32 What are you excited about in CSS right now?  Scroll Timeline.

 24:27 Will any of these make their way into GSAP?
 26:31 Timelines.
 29:24 Building animations with timelines.
 34:55 What are the best GSAP plugins?  Split Text

  spanran-wrap.
 Physics 2D Plugin.

 38:44 GSAP docs and philosophy.
 39:50 Scrubbing animations by frame.
 41:09 GSAP Video Exporter.
 41:45 Animating with JavaScript.
 45:19 JavaScript in unconventional applications.
 47:56 Is there anything missing in web tech?
 50:53 What about AI in GSAP?
 52:40 Sick Picks + Shameless Plugs.
  Sick Picks  Cassie: Eyesy Video Synthesis.
  Shameless Plugs  Cassie: Smashing Conf.
  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

899: GSAP: Killer Web Animations With Cassie Evans

Poslechněte si podcast