Svelte Radio cover image

Svelte Radio

View Transitions in SvelteKit and beyond with Geoff Rich

Nov 22, 2023
Geoff Rich, an experienced programmer and SvelteKit enthusiast, joins the podcast to discuss view transitions. They explore the implementation of view transitions in SvelteKit, along with Geoff's upcoming talk at Svelte Summit Spring 2023. The episode also covers unpopular opinions, ARIA attributes in web development, and picks like Flowbite GitHub and The Wheel of Time S2.
52:08

Episode guests

Podcast summary created with Snipd AI

Quick takeaways

  • The View Transitions API simplifies transitioning between page states with CSS animations, and it can be used in any browser-based application.
  • Testing View Transitions with screen readers like VoiceOver or NVDA is crucial to ensure accessibility and usability.

Deep dives

View Transitions API: Simplifying Page Transitions

The View Transitions API simplifies the process of transitioning between two page states. It is a browser API that allows you to tell the browser to capture the old page state and smoothly transition it to the new page state. This API is not specific to Svelte and can be used in any browser-based application. View Transitions are especially useful for page transitions and flip animations where elements are moved from one place to another. The API uses CSS animations, making it easy to customize the transitions. It is important to test View Transitions with screen readers like VoiceOver or NVDA to ensure that they are properly functioning and accessible.

Get the Snipd
podcast app

Unlock the knowledge in podcasts with the podcast player of the future.
App store bannerPlay store banner

AI-powered
podcast player

Listen to all your favourite podcasts with AI-powered features

Discover
highlights

Listen to the best highlights from the podcasts you love and dive into the full episode

Save any
moment

Hear something you like? Tap your headphones to save it with AI-generated key takeaways

Share
& Export

Send highlights to Twitter, WhatsApp or export them to Notion, Readwise & more

AI-powered
podcast player

Listen to all your favourite podcasts with AI-powered features

Discover
highlights

Listen to the best highlights from the podcasts you love and dive into the full episode