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
AI Summary
AI Chapters
Episode notes
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.
Remember Everything You Learn from Podcasts
Save insights instantly, chat with episodes, and build lasting knowledge - all powered by AI.
