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
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
yep, could be it:
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.
To celebrate, here is a short video freshly captured in Firefox 144.
October 14, 2025 at 7:15 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.
To celebrate, here is a short video freshly captured in Firefox 144.
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
On a final glance at my ranking, I couldn’t help but notice it’s definitely leaning a bit in one direction.
Just spotted: Firefox Nightly already supports view-transition-class from the Level 2 spec.
July 14, 2025 at 5:18 PM
Just spotted: Firefox Nightly already supports view-transition-class from the Level 2 spec.
New for AstroJS View Transitions:
Use instead of to make that link show the backwards animation when clicked and the forward animation on browser back!
Demo: events-3bg.pages.dev/back-demo/
Description: events-3bg.pages.dev/library/Back...
Use instead of to make that link show the backwards animation when clicked and the forward animation on browser back!
Demo: events-3bg.pages.dev/back-demo/
Description: events-3bg.pages.dev/library/Back...
June 10, 2025 at 6:35 PM
New for AstroJS View Transitions:
Use instead of to make that link show the backwards animation when clicked and the forward animation on browser back!
Demo: events-3bg.pages.dev/back-demo/
Description: events-3bg.pages.dev/library/Back...
Use instead of to make that link show the backwards animation when clicked and the forward animation on browser back!
Demo: events-3bg.pages.dev/back-demo/
Description: events-3bg.pages.dev/library/Back...
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!
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
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!
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!
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.
Spoiler alarm: Most of it is not Astro-specific at all.
May 31, 2025 at 2:58 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.
Spoiler alarm: Most of it is not Astro-specific at all.
This is Firefox Nightly 140.0a1 (2025-05-21)
May 21, 2025 at 8:05 PM
This is Firefox Nightly 140.0a1 (2025-05-21)
⏱️ 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 🖱️💥
🔗 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
⏱️ 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 🖱️💥
🔗 Chained View Transitions
Where starting a new transition won’t cancel the one already in progress, no matter how fast you slam that button 🖱️💥
No new post in a week?
Well then, it is high time for a mysterious teaser!
Well then, it is high time for a mysterious teaser!
March 19, 2025 at 5:50 PM
No new post in a week?
Well then, it is high time for a mysterious teaser!
Well then, it is high time for a mysterious teaser!
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
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.
1/2
I want to share a remake of a tech demo I built last May using the
This time it is pure JavaScript: codepen.io/martrapp/pen...
I want to share a remake of a tech demo I built last May using the
This time it is pure JavaScript: codepen.io/martrapp/pen...
February 13, 2025 at 12:08 PM
1/2
I want to share a remake of a tech demo I built last May using the
This time it is pure JavaScript: codepen.io/martrapp/pen...
I want to share a remake of a tech demo I built last May using the
This time it is pure JavaScript: codepen.io/martrapp/pen...
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
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.
Are you thinking about a transition (pun intended) from Astro's
Here is your migration path: events-3bg.pages.dev/jotter/migra...
Here is your migration path: events-3bg.pages.dev/jotter/migra...
January 10, 2025 at 8:47 AM
Are you thinking about a transition (pun intended) from Astro's
Here is your migration path: events-3bg.pages.dev/jotter/migra...
Here is your migration path: events-3bg.pages.dev/jotter/migra...