Web Animation Gotchas

Web Animation Gotchas

Channel:
United States Coding Tech
Subscribers:
725,000
Published on ● Video Link: https://www.youtube.com/watch?v=NJwxOeYYcqA


Duration: 20:10
4,426 views
195

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

PUBLICATION PERMISSIONS:
Original video was published with the Creative Commons Attribution license (reuse allowed). Link: https://www.youtube.com/watch?v=9-6CKCz58A8



Other Videos By Coding Tech


2021-08-11Thought Vectors, Knowledge Graphs, and Curious Death(?) of Keyword Search
2021-08-10Continuous Delivery: GitHub Actions (Developer Workflow Automation with GitHub Actions CICD)
2021-08-09Learn Unity Engine and C# by Creating a Real Top Down RPG (8 hour course)
2021-08-08How I Hacked A Security Camera
2021-08-06Rust -- const generics (new awesome feature in Rust 1.51)
2021-08-06A Friendly Introduction To Deep Reinforcement Learning
2021-08-05Can We Double the Node js HTTP Client Throughput?
2021-08-04Next, the Programmable Web Browser (aka alternative to Chrome and Firefox)
2021-08-04Can You Validate These Emails?
2021-08-04Future Proof Web Apps with Angular and TensorFlowJS
2021-08-03Web Animation Gotchas
2021-08-0210 Architecture Patterns Used In Enterprise Software Development Today
2021-08-01Execute a JavaScript Function from Java and a Java Method from JavaScript
2021-07-31Building Beautiful Systems with Phoenix Contexts and DDD
2021-07-31Ridiculous Comments In The Source Code That People Actually Wrote
2021-07-30Angular Module Federation Micro-FE Speed Run
2021-07-28Using Rust For Game Development
2021-07-28Thinking in Events: From Databases to Distributed Collaboration Software
2021-07-27How To Think Like A Programmer - Learn To Solve Problems!
2021-07-26Asynchronous Event Handling Using Microservices and Kafka
2021-07-26UX Engineering at Google


Tags:
web animation
web design
motion graphics