CSS tried to come for my Job
summary
Moves from full-control JavaScript animations (GSAP, Swup) to CSS-driven view transitions, using document.startViewTransition and view-transition-name to animate sorting, filtering, hover text swaps, and page-to-detail transitions; leverages page-reveal events and custom types, cuts a lot of JavaScript and layout math, gains performant defaults and simpler staggered effects, but hits real limits: snapshots not live DOM (requires aspect-ratio hacks), unstable devtools, partial browser support, and accessibility trade-offs handled via prefers-reduced-motion.
AI-written summary · about
chapters (16)
- 0:00Introduction by host and speaker welcome
- 1:29Speaker’s background and creative work
- 5:23CSS improving workflow and creative freedom
- 6:27JavaScript page transitions and their challenges
- 10:04Introduction to CSS view transitions
- 12:31Inspecting view transitions with DevTools
- 14:17Naming and styling elements for transitions
- 16:23Triggering and customizing view transitions
- 18:09Filtering and sorting with view transitions
- 21:20Hover animations with view transitions
- 26:17Page-to-page view transitions
- 30:54Complex animations and aspect ratio handling
- 33:19Interactive view transitions with drag
- 34:25Pros and cons of CSS view transitions
- 36:32Creative development beyond animation
- 37:13Q&A session with audience
related talks
39mModern CSS for Creative Developers
36mYou might not need JS
21mCSS Between the Pages
32mSupercharge Web UX with View Transitions!
33mMaking A Splash With View Transitions
21mCSS Between the Pages
10mView Transitions: The brand-new browser API that will blow your mind
01h 04mLiven up your websites with Scroll-Driven Animations & View Transitions