Reality Check: The Limits of View Transitions

21/09/2023 13 min
Reality Check: The Limits of View Transitions

Listen "Reality Check: The Limits of View Transitions"

Episode Synopsis

Ever wondered how to animate between two UI states without wrangling heaps of extra code? Well, get ready to unlock a new level of web development capabilities with us, as we dive into the exciting world of view transitions.Highlights00:00 Introduction00:44 Understanding View Transitions02:05 Demos & Practical Applications03:14 Current Reality vs. The Dream06:47 Potential Use Cases & WordPress Context07:25 View Transitions With HTMX08:31 Working With View Transitions in CSS12:54 ConclusionLinks- Chrome Developers Article: https://developer.chrome.com/docs/web-platform/view-transitions/- Astro 3.0 View Transitions: https://astro.build/blog/astro-3/#astro-view-transitions- Svelte View Transitions: https://svelte.dev/blog/view-transitions- HTMX View Transitions: https://htmx.org/docs/#view-transitions- View Transitions API Overview: https://developer.mozilla.org/en-US/docs/Web/API/View_Transitions_API- Maxi Ferrera's Demo: https://live-transitions.pages.dev/- Turbo: https://turbo.hotwired.dev/- swup: https://swup.js.org/- Shuffle.js: https://vestride.github.io/Shuffle/More from BleechBlog Posts (WordPress Development)Flynt (WordPress Starter Theme)VRTs (Visual Tests for WordPress)Siegfried, deploy! (YouTube Channel)