Bringing Page Transitions to the Web

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


Duration: 12:57
6,014 views
297

Native apps often feature transitions between states that both look great and help communicate the type of navigation to the user. The bad news: creating transitions between pages on the web is impossible. In-page transitions are possible, but complex. The good news: new APIs are coming to simplify this process, building on top of CSS animations and the web animation API, and it works across navigations!

Resources:
Demo → https://goo.gle/3M55GV8 (requires document-transition and enable-experimental-web-platform-features flags)
Developer guide → https://goo.gle/38hsYIU
Full explainer → https://goo.gle/3yrbzrS
Codelab → https://goo.gle/39cXoMw

Speaker: Jake Archibald

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



Other Videos By Coding Tech


2022-06-18Effective CI/CD for Large Systems
2022-06-14Introduction to Angular - 2022
2022-06-09Learn How Browsers are Working Together to Make it Easier to Build for the Web
2022-06-06Not your Grandparent's C++ (Evolution of C++)
2022-06-03Bringing WebAssembly to the .NET Mainstream
2022-05-30100,000 Different Ways to Manage Secrets in GitOps
2022-05-28A Data Scientists Guide to Code Reviews
2022-05-26WebAssembly Landscape 2022
2022-05-23Threat Modelling with OWASP Threat Dragon
2022-05-17State of CSS in 2022
2022-05-16Bringing Page Transitions to the Web
2022-05-14Running Kubernetes on Bare Metal
2022-05-11Linear Algebraic Tools in Machine Learning and Data Science
2022-05-08Fizz-buzz (condp) Implementations in Clojure
2022-04-29The Death of DevOps || Graham Zabel
2022-04-28Why Programming Is Worth It!
2022-04-242022 State of Observability and Log Management
2022-04-21The Dark Side of the Web
2022-04-21How to Build Web3 Apps with Hyperledger FireFly SuperNodes
2022-04-14Start a Microservice by Building a Simple Node js App
2022-04-13How to Become a Software Engineer in 2022


Tags:
web development
page transitions
css