HTTP 203
Web animation gotchas - HTTP 203

Web animation gotchas - HTTP 203

true

Fading something in, and fading something out – sounds simple right? Unfortunately not! Jake & Surma talk through the various gotchas of animating the web, and how to work around them.

Using CSS transitions → https://goo.gle/2TXTUCB Using CSS animations → https://goo.gle/3et8gEq The web animation API → https://goo.gle/3mXbV0C getAnimations → https://goo.gle/3oXMLk4 commitStyles → https://goo.gle/38d6PsN Event listeners and garbage collection → https://goo.gle/32c4TNd Spec discussions → https://goo.gle/3k1zbIE The final animateTo function → https://goo.gle/363WVHn

JavaScript animation libraries: jQuery → https://goo.gle/34XEowU Greensock → https://greensock.com/ AnimeJS → https://animejs.com/ The old library Jake made (don't use it) → https://goo.gle/34ZFGaU

Other videos in the series → https://goo.gle/2wneQLl

Subscribe to Google Chrome Developers here → https://goo.gle/ChromeDevs

Also, if you enjoyed this, you might like the HTTP203 podcast! → https://goo.gle/2y0I5Uo