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!"
Comments
Add comment Feedback