Gaining Control with the Web Animations API

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


Duration: 39:49
8,512 views
193

We've enjoyed CSS transitions and animations for several years, with their broad support and ability to get key performance gains. Now the Web Animations API is here and growing, so what does this let us do through JavaScript? Through several examples, we will take a look at how this new JavaScript API came to be and how it compares to the alternate ways to animate on the web. We will dig into new ways to make UIs, games, and storytelling experiences with some of its features like: - Playback rates and controls - Modifying CSS animations - Events - Animation timelines (even ones not based on time... gasp!) - Bending active animations on the fly

EVENT:

ThunderPlains 2019

SPEAKER:

Daniel Wilson

PUBLICATION PERMISSIONS:

Original video was published with the Creative Commons Attribution license (reuse allowed)

ATTRIBUTION CREDITS:

Original video source: https://www.youtube.com/watch?v=miMcnXT1_Rc



Other Videos By Coding Tech


2019-11-29Faster Apps With JSON.parse
2019-11-29No One Needs A Server - A Fresh Look At Cloud
2019-11-28Cypress.io – The State of the Art End to End Testing Tool
2019-11-27Introduction To TensorFlow 2.0
2019-11-27Machine Learning Magic For Your Web App with TensorFlowJS
2019-11-27Optimizing Docker Builds for Python Applications
2019-11-26Should You Use Kubernetes and Docker In Your Next Project?
2019-11-25Build Anything with FoundationDB
2019-11-25The Secrets of High Performing Technology Organizations
2019-11-24Mind Reading with Intelligent & Adaptive UIs
2019-11-24Gaining Control with the Web Animations API
2019-11-24Why Is Haskell So Hard To Learn And How To Deal With It
2019-11-24Attacking and Defending Kubernetes
2019-11-23Docker For Novices
2019-11-22Standing on the Shoulders of APIs
2019-11-22Deep Learning with TensorFlow 2.0
2019-11-21WebAssembly: Binary in Plain English
2019-11-21Rust in the Browser for JavaScripters: New Frontiers, New Possibilities
2019-11-20Attacking VoIP Configuration Interfaces (aka I'm On Your Phone, Listening)
2019-11-20Goodbye Client Side JavaScript, Hello C# Blazor
2019-11-19Using Data to Automate Knowledge Generation || Ella Bor


Tags:
web animations
css animations
svg animations
webgl
web design
web development