iiinova — where your digital self keeps evolving

Martin Trapp @martr.app · 18/12/2025

Happens to the best, @nerdy.dev 😃 One way or the other.

there‘s a bug, where the hell is it!?

oh…

view-transition-name
—instead of—
view-timeline-name

😅

080

Martin Trapp @martr.app · 14/11/2025

events-3bg.pages.dev/jotter/tips/...

:mega: Quick heads up for anyone battling View Transition FOUC issues :bag_of_tricks:

Today I am sharing a quick tip for when the Client Router surprises you with flashes of unstyled content.

This pattern showed up in a bunch of very different projects over the past few months. Oddly enough, it always seemed to involve Vercel’s `<SpeedInsights />` component, but that is just a funny coincidence. The same issue can happen with many other elements as well.

https://events-3bg.pages.dev/jotter/tips/flash-of-unstyled-content-during-view-transition/

Stay curious and keep your styles where they belong! :sparkles:

041

Martin Trapp @martr.app · 15/10/2025

When you scroll down on vtbag.dev, you can find a few view transition demos at the bottom of the navigation sidebar that work perfectly even in Firefox v144. Now guess which ones?

a screenshot from the vtbag.dev website that has some view transition demos with a fox emoji.

021

Martin Trapp @martr.app · 22/08/2025

Another nice thing: besides the Level 1 View Transition API, it seems safe to rely on - view-transition-class and - view-transition-name: match-element vtbag.dev/basics/test-...

120

Martin Trapp @martr.app · 01/07/2025

Fun with View Transitions, soon with even more fun! 👜✨ Next up: we are playing Tower of Hanoi! A grab bag of delightful tricks, oddities, and “wait, that works?” moments awaits you. Includes: a <select> element that transitions like it means it. Coming soon to a browser near you.

010

Martin Trapp @martr.app · 17/06/2025

🤯 Ooh what?! I honestly had no idea about that! And it works like a charm! ✨ Chrome 139.0.7244.0 canary with "Experimental Web Platform features" enabled. vtbag.dev/basics/hide-... View transitions clipped at their container!

1162

Martin Trapp @martr.app · 26/04/2025

Breaking: View Transition animations spotted in Firefox Nightly! I actually wanted to snap a shot of the pseudo-element tree, but the first proof ended up being a little more indirect.

A screenshot from dev tools of Firefox Nightly, taken during a level 1 view transition. It shows the pseudo-element and the animation name for the first 20 animations created by the View Transition API.

151

Martin Trapp @martr.app · 31/03/2025

Well... those might be supersized emojis. My first hard disk had 3 MB, also from Apple, back when that was huge.

Apple says that iOS 18.4 will download 3.4.2 GB, and you will get 8 new emojis.

030

Martin Trapp @martr.app · 16/02/2025

Not that I know of. And if so, it’s above 100.

210

Martin Trapp @martr.app · 15/01/2025

I’m longing for a sunny spring day!

Street lamps enlightening a lonely park way in a foggy, cold, wet night.

010

Martin Trapp @martr.app · 09/01/2025

Thank you for sharing your examples and especially for opening those two issues! Looking forward to see them fixed as it is always disturbing if development tools show wrong values. vtbag.dev/tools/inspection-chamber/

A screenshot of @vtbag/inspection-chamber. This is a development tool especially targeted for developing view transitions. There is a panel in the middle of the image that shows the keyframes for the ::view-transition-group(bsky) animation where the 100% values are all set to the properties initial values.

100

Martin Trapp @martr.app · 01/01/2025

Once you’ve gotten hold of the animations, you can pull off all kinds of tricks with them! #ViewTransitions

140

Martin Trapp @martr.app · 17/12/2024

Thanks for the demo! I seriously can’t wait for nested view transition groups to become widely available. You can manage without them, but wow, it’s a real slog. vtbag.dev/basics/hide-...

A view transition tech demo where the elements of a list get shuffled without escaping their container.

010

Martin Trapp @martr.app · 17/12/2024

Looks like Santa and at least the crew over at Chrome are getting along pretty well this year! 🎅🎄 Just spotted new features behind the #enable-experimental-web-platform-features flag in Chrome 131. Thanks for hinting @bram.us!

A screenshot showing that Chrom 131 supports a lot of new APIs (at least behind flags)

221

Martin Trapp @martr.app · 13/12/2024

Check out the shiny new updates at events-3bg.pages.dev and vtbag.dev!

html page where the headers state that this site runs on Starlight 0.30.0 and Astro 5.0.5

120

Martin Trapp @martr.app · 13/12/2024

Here we go! New Starlight version for Astro 5.0 released! #withastro #astrobuild #starlight 🚀🌟

000

Martin Trapp @martr.app · 12/12/2024

I would’ve been even more excited if PageSwapEvent.activation.*.index could show values other than -1 and if they offered better support for the Navigation API overall. vtbag.dev/basics/test-page/

A screenshot showing that Safari 18.2 supports cross-document view transitions but lacks navigation API features

011

Martin Trapp @martr.app · 09/11/2024

Me welcoming Bluesky followers over at vtbag.dev ... with some butterfly-like #viewtransitions, of course!

194