The viewTransition API: A Revolution for the Web?
summary
Introduces the viewTransition API for web front-ends and explains how it simplifies creating smooth page and state animations by letting the browser handle most of the animation work. Covers using viewTransition across different HTML documents and gives practical guidance and best practices for integrating it into multi-page full-stack sites (Rails, Express, Laravel) as an alternative to manual CSS/keyframe/FLIP animation approaches.
AI-written summary · about
chapters (12)
- 0:00Introduction
- 2:14Manual animation issues
- 6:26ViewTransition API overview
- 10:36Demo interrupted
- 17:57SPA implementation
- 26:15Browser support
- 30:08MPA transitions
- 33:19Level 2 updates
- 37:10Current limits
- 40:20Framework integration
- 43:05Future outlook
- 44:31Q&A
related talks
10mView Transitions: The brand-new browser API that will blow your mind
32mSupercharge Web UX with View Transitions!
49mSupercharge Web UX with View Transitions
04mIntuitive Web Experiences with the View Transitions API
27mAnimate All the Things! (With View Transitions API)
22mFLIP no more; Viva View Transitions
19mView Transitions: Fact vs. Fiction
41mView Transitions: Fact vs. Fiction