How GSAP Stole the Show
summary
Addresses the difficulty of building visually pleasing, smooth, and performant web animations and shows how GSAP and its plugins (per GSAP v3 Plugins) provide powerful, flexible tools and an easy-to-read API to produce high-performance animations. Useful for frontend developers and designers aiming to improve web-animation quality.
AI-written summary · about
chapters (22)
- 0:00Introduction
- 1:26Web animation problems solved
- 2:54JavaScript for animation
- 3:58GSAP compatibility & performance
- 5:43GSAP plugins & core
- 7:50GSAP caching purpose
- 9:58Lazy rendering optimizations
- 11:05GSAP ticker function
- 13:13Syncing animations with CPU delays
- 14:00Optimizing numeric transforms
- 15:473D transforms benefits
- 16:30GSAP performance tips
- 17:56Timing & compatibility
- 19:01Browser compatibility fixes
- 21:37Observer plugin
- 22:00GSAP vs others benchmark
- 24:38Benchmark results
- 24:59Fantasy Dota landing
- 27:06SPS slider
- 30:42Sports background animation
- 32:07Why GSAP is best
- 33:09Q&A
related talks
31mHow to animate Vue with GSAP
26mAdvanced Angular Animations
36mInteractive Web Animation with SVG
41m2D and 3D Animation Using JavaScript Greensock & Spline
30mAnimating Vue with GSAP
22mCreate Engaging "Scrollytelling" Experiences with React & GSAP
28mWeb Animation: from Disney to SASS
49mSVG in motion