Off The Main Thread

New View Transition Stuff

Jan 15, 2025
Discover the latest advancements in the View Transition API, enhancing user experience with seamless animations. Dive into humorous struggles of assembling furniture, revealing the relatable chaos of modern living. Explore the emotional rollercoaster of navigating today's web technologies, with insights on CSS changes and document readiness. Learn about the intricacies of implementing view transitions in frameworks like React, addressing privacy and animation fluidity. Get ready for a blend of laughter and tech tips!
Ask episode
AI Snips
Chapters
Transcript
Episode notes
ANECDOTE

Bar Stool Mishap

  • Jake describes a frustrating experience with poorly assembled bar stools.
  • One detached while he carried it, damaging his house.
INSIGHT

View Transitions Update

  • View transitions are now shipped in Chrome and Safari.
  • Many new features are in development like entry/exit animations and a fix for Safari's back/forward swipe preview.
ADVICE

Custom Entry/Exit Animations

  • Use the :only-child pseudo-class to create custom entry and exit animations.
  • This allows for different animations for appearing and disappearing elements.
Get the Snipd Podcast app to discover more snips from this episode
Get the app