Reality Check: The Limits of View Transitions

21 Sep 2023 • 13 min • EN
13 min
00:00
13:27
No file found

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. Highlights 00:00 Introduction 00:44 Understanding View Transitions 02:05 Demos & Practical Applications 03:14 Current Reality vs. The Dream 06:47 Potential Use Cases & WordPress Context 07:25 View Transitions With HTMX 08:31 Working With View Transitions in CSS 12:54 Conclusion Links - 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 Bleech Blog Posts (WordPress Development) Flynt (WordPress Starter Theme) VRTs (Visual Tests for WordPress) Siegfried, deploy! (YouTube Channel)

From "Siegfried, deploy!"

Listen on your iPhone

Download our iOS app and listen to interviews anywhere. Enjoy all of the listener functions in one slick package. Why not give it a try?

App Store Logo
application screenshot

Popular categories