Bag of Tricks for View Transitions
banner
vtbag.dev
Bag of Tricks for View Transitions
@vtbag.dev
The 👜 Bag of Tricks ✨ for View Transitions | https://vtbag.dev
The 👜 Bag of Tricks ✨ for Astro's Client Router | https://events-3bg.pages.dev
Tools, Info, Tips & Tricks
Enhance Your Development Skills with the View Transition API
yep, could be it:
October 29, 2025 at 2:04 PM
As of today, every major browser supports Level 1 of the View Transition API!

To celebrate, here is a short video freshly captured in Firefox 144.
October 14, 2025 at 7:15 PM
On a final glance at my ranking, I couldn’t help but notice it’s definitely leaning a bit in one direction.
October 10, 2025 at 4:54 AM
Just spotted: Firefox Nightly already supports view-transition-class from the Level 2 spec.
July 14, 2025 at 5:18 PM
June 25, 2025 at 4:11 PM
I guess, an URL would have been nice. Here it is:
events-3bg.pages.dev/jotter/same-...

Can’t believe I missed that in the first post. I'm really sorry about that!

Making up for it the only way I know how: with a fresh teaser drop from that article!
May 31, 2025 at 4:27 PM
The Jotter has a new page about how to do same-document view transitions in Astro. Works fine in combination with cross-document view transitions and even with multiple use cases on the same page.

Spoiler alarm: Most of it is not Astro-specific at all.
May 31, 2025 at 2:58 PM
This is Firefox Nightly 140.0a1 (2025-05-21)
May 21, 2025 at 8:05 PM
⏱️ Time for another teaser!

🔗 Chained View Transitions

Where starting a new transition won’t cancel the one already in progress, no matter how fast you slam that button 🖱️💥
May 12, 2025 at 3:06 PM
No new post in a week?

Well then, it is high time for a mysterious teaser!
March 19, 2025 at 5:50 PM
Sites with cross-document view transitions often respect the users' reduced motion preferences. Luckily, you can just set 'prefer reduced motion' in your browser without messing with your whole OS and the native apps where you actually like transitions.
March 4, 2025 at 9:52 PM
1/2
I want to share a remake of a tech demo I built last May using the component of astro.js.

This time it is pure JavaScript: codepen.io/martrapp/pen...
February 13, 2025 at 12:08 PM

Exited to announce the launch of a brand-new series of bite-sized posts on vtbag.dev.

vtbag.dev/fwvt/welcome/

Kicking off as a triple feature!

The first episodes dive into enhancing a multi-page website with browser-native cross-document view transitions.
January 25, 2025 at 4:17 PM
Are you thinking about a transition (pun intended) from Astro's component to browser-native cross-document view transitions with the @view-transition at-rule of the View Transition API?

Here is your migration path: events-3bg.pages.dev/jotter/migra...
January 10, 2025 at 8:47 AM