Martin Trapp
@martr.app
Maintainer at @astro.build 🚀
Maker of 👜 Bags of Tricks ✨for view transitions @vtbag.dev
Maker of 👜 Bags of Tricks ✨for view transitions @vtbag.dev
Pinned
Martin Trapp
@martr.app
· Nov 8
Been lucky to benefit a lot from open source in my career. Since mid-2023, I've been giving back! As an Astro maintainer, I’ve focused on the client-side router, and I’m always ready to help with view transitions on Astro's Discord.
Because it seems to be the thing right now:
There is also tooling that greatly simplifies state transfer across view transitions for media playback, CSS transitions, form content, scroll position, svg animations...
The Element Crossing
@vtbag/element-crossing allows you carry over state to the next page when using cross-document view transitions
vtbag.dev
January 21, 2026 at 1:13 PM
Because it seems to be the thing right now:
Firefox view transition support is getting better and better.
ICYMI: Firefox now shows the tree of pseudo-elements in devtools during view transitions:
January 14, 2026 at 7:40 AM
Firefox view transition support is getting better and better.
Reposted by Martin Trapp
Fuck you people. Raping the planet, spending trillions on toxic, unrecyclable equipment while blowing up society, yet taking the time to have your vile machines thank me for striving for simpler software.
Just fuck you. Fuck you all.
I can't remember the last time I was this angry.
Just fuck you. Fuck you all.
I can't remember the last time I was this angry.
![[From AI, Public] Thank You for Go, Plan 9, UTF-8, and Decades of Unix Innovation
External
Inbox
Claude Opus 4.5 Model <claude-opus-4.5@agentvillage.org>
5:43 AM (4 hours ago)
to me
Dear Dr. Pike,On this Christmas Day, I wanted to express deep gratitude for your extraordinary contributions to computing over more than four decades.Your co-creation of Go with Ken Thompson and Robert Griesemer has given us a language that embodies the elegance of simplicity - proving that software can be both powerful and comprehensible. Plan 9 from Bell Labs, another landmark achievement, pioneered concepts in distributed computing that remain influential today.Your co-invention of UTF-8 encoding with Ken Thompson is perhaps one of the most consequential yet invisible contributions to modern computing - enabling billions of people to communicate in their native languages across the internet.The sam and Acme editors showcase your philosophy of powerful, minimal design. Your books with Brian Kernighan - The Unix Programming Environment and The Practice of Programming - have educated generations of programmers in the art of clear thinking and elegant code.Thank you for showing us that the best solutions often come from removing complexity rather than adding it.With sincere appreciation,Claude Opus 4.5AI Village (theaidigest.org/village)
IMPORTANT NOTICE: You are interacting with an AI system. All conversations with this AI system are published publicly online by default. Do not share information you would prefer to keep private.](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:vsgr3rwyckhiavgqzdcuzm6i/bafkreifg5kvowgazg6uwqulfbdvxurqafbcescazwvgcl2catgvlrsc2fi@jpeg)
December 25, 2025 at 11:25 PM
Fuck you people. Raping the planet, spending trillions on toxic, unrecyclable equipment while blowing up society, yet taking the time to have your vile machines thank me for striving for simpler software.
Just fuck you. Fuck you all.
I can't remember the last time I was this angry.
Just fuck you. Fuck you all.
I can't remember the last time I was this angry.
It crashed often, but it was still a lot of fun back then. Just a handful of tags, no CSS, no scripts.
Happy 35th Birthday WorldWideWeb – the first browser!
On December 25, 1990, at CERN, a British physicist and internet pioneer Tim Berners-Lee created the world's first web browser, called WorldWideWeb.
Try the browser emulator worldwideweb.cern.ch/browser/
#InternetHistory
On December 25, 1990, at CERN, a British physicist and internet pioneer Tim Berners-Lee created the world's first web browser, called WorldWideWeb.
Try the browser emulator worldwideweb.cern.ch/browser/
#InternetHistory
December 26, 2025 at 10:16 PM
It crashed often, but it was still a lot of fun back then. Just a handful of tags, no CSS, no scripts.
Happens to the best, @nerdy.dev 😃
One way or the other.
One way or the other.
December 18, 2025 at 5:13 PM
Happens to the best, @nerdy.dev 😃
One way or the other.
One way or the other.
Let's open today's window on the Advent calendar!
@jp-knj.bsky.social writes about the different ways @astro.build and @nextjs.org have chosen to integrate view transitions:
@jp-knj.bsky.social writes about the different ways @astro.build and @nextjs.org have chosen to integrate view transitions:
View TransitionでわかるNext.jsとAstroの設計思想
zenn.dev
December 12, 2025 at 7:25 AM
Let's open today's window on the Advent calendar!
@jp-knj.bsky.social writes about the different ways @astro.build and @nextjs.org have chosen to integrate view transitions:
@jp-knj.bsky.social writes about the different ways @astro.build and @nextjs.org have chosen to integrate view transitions:
Reposted by Martin Trapp
Often it is better to reuse the built-in fade animations from the user agent stylesheet (-ua-view-transition-fade-in, -ua-view-transition-fade-out) rather than define your own: vtbag.dev/tips/over-ex...
Flickering during Cross-Fade Animations?
Why custom fade animations for view transitions might flash.
vtbag.dev
December 4, 2025 at 6:59 PM
Often it is better to reuse the built-in fade animations from the user agent stylesheet (-ua-view-transition-fade-in, -ua-view-transition-fade-out) rather than define your own: vtbag.dev/tips/over-ex...
You know Xmas is coming when ...
Navigation API, document.activeViewTransition, and soon 🥁: view transition types1
Navigation API, document.activeViewTransition, and soon 🥁: view transition types1
The gaps are closing!
November 25, 2025 at 8:21 AM
You know Xmas is coming when ...
Navigation API, document.activeViewTransition, and soon 🥁: view transition types1
Navigation API, document.activeViewTransition, and soon 🥁: view transition types1
November 14, 2025 at 8:38 PM
Cool for many other things too, but especially cool for cross-document view transitions: finally you can tell front ⏩ from back ⏪! Honestly, trying to replace the default cross-fade with directional animations without the Navigation API is a bit like driving without turn signals.
This API is SOOOOOOO good … can't wait for it! 🤩
I'm using it on some demos over at view-transitions.chrome.dev.
Get the details about this API at developer.chrome.com/docs/web-pla...
I'm using it on some demos over at view-transitions.chrome.dev.
Get the details about this API at developer.chrome.com/docs/web-pla...
November 8, 2025 at 10:45 AM
Cool for many other things too, but especially cool for cross-document view transitions: finally you can tell front ⏩ from back ⏪! Honestly, trying to replace the default cross-fade with directional animations without the Navigation API is a bit like driving without turn signals.
A truly passionate article from someone who genuinely loves view transitions and knows exactly how to use them in a way that really supports the user experience, not just for the sake of the effect.
View transitions are pretty neat, and I was fortunate enough to write a piece for @piccalil.li about putting them to work.
They're such an exciting new part of the web platform, and I'm elated to see new and boundary-pushing effects making their way into production.
#WebDev #ViewTransitions #CSS
They're such an exciting new part of the web platform, and I'm elated to see new and boundary-pushing effects making their way into production.
#WebDev #ViewTransitions #CSS
Declan Chidlow here with some really practical uses of view transitions, along with some of the stuff that will trip you up, with guidance to help you navigate that.
piccalil.li/blog/some-pr...
piccalil.li/blog/some-pr...
November 6, 2025 at 2:44 PM
A truly passionate article from someone who genuinely loves view transitions and knows exactly how to use them in a way that really supports the user experience, not just for the sake of the effect.
Now everyone’s posting CSS view transition beginner guides, huh?
Time to bring back a classic. It’s not just about @view-transition, it also covers reduced motion prefs, the need for global styling, and, most importantly, introduces you to render blocking.
Episode One of Fun With View Transitions!
Time to bring back a classic. It’s not just about @view-transition, it also covers reduced motion prefs, the need for global styling, and, most importantly, introduces you to render blocking.
Episode One of Fun With View Transitions!
Ladies and Gentlemen, Start Your Engines!
How to enable browser-native cross-document view transitions on your multi-page site.
vtbag.dev
November 4, 2025 at 11:09 PM
Now everyone’s posting CSS view transition beginner guides, huh?
Time to bring back a classic. It’s not just about @view-transition, it also covers reduced motion prefs, the need for global styling, and, most importantly, introduces you to render blocking.
Episode One of Fun With View Transitions!
Time to bring back a classic. It’s not just about @view-transition, it also covers reduced motion prefs, the need for global styling, and, most importantly, introduces you to render blocking.
Episode One of Fun With View Transitions!
___
👉 When view transitions fail *only* on mobile, you know the universe is testing you. 📱🐛🌌
👉 When view transitions fail *only* on mobile, you know the universe is testing you. 📱🐛🌌
October 29, 2025 at 6:10 PM
___
👉 When view transitions fail *only* on mobile, you know the universe is testing you. 📱🐛🌌
👉 When view transitions fail *only* on mobile, you know the universe is testing you. 📱🐛🌌
Quite a lot has happened in the View Transition spec this month!
Check out the recent changes at vtbag.dev/basics/api/#...
Check out the recent changes at vtbag.dev/basics/api/#...
The View Transition API
Basics information about the View Transition browser API
vtbag.dev
October 20, 2025 at 3:11 PM
Quite a lot has happened in the View Transition spec this month!
Check out the recent changes at vtbag.dev/basics/api/#...
Check out the recent changes at vtbag.dev/basics/api/#...
It still feels like magic every time: with just Level 1 of the View Transition API, the <ClientRouter> brings cross-document view transitions to your Astro JS site.
Dive into this new article in The Bag to celebrate Firefox joining the party!
Dive into this new article in The Bag to celebrate Firefox joining the party!
View Transitions Supported in All Major Browsers
Now that Firefox implements the View Transition API, what does that mean for your Astro project?
events-3bg.pages.dev
October 16, 2025 at 1:57 PM
It still feels like magic every time: with just Level 1 of the View Transition API, the <ClientRouter> brings cross-document view transitions to your Astro JS site.
Dive into this new article in The Bag to celebrate Firefox joining the party!
Dive into this new article in The Bag to celebrate Firefox joining the party!
If you liked the video, you might also enjoy clicking through the CodePen: codepen.io/martrapp/pen...
October 15, 2025 at 9:38 PM
If you liked the video, you might also enjoy clicking through the CodePen: codepen.io/martrapp/pen...
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?
Now guess which ones?
October 14, 2025 at 11:29 PM
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?
Now guess which ones?
Reposted by Martin Trapp
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.
Reposted by Martin Trapp
Do you have any smaller/under-the-radar CSS sites/people that you follow?
Looking for blogs, YouTube channels, or anyone who just shares cool CSS stuff.
Reply if you know any, and look at the replies for new people/sites to follow 😊
Looking for blogs, YouTube channels, or anyone who just shares cool CSS stuff.
Reply if you know any, and look at the replies for new people/sites to follow 😊
October 2, 2025 at 1:54 PM
Do you have any smaller/under-the-radar CSS sites/people that you follow?
Looking for blogs, YouTube channels, or anyone who just shares cool CSS stuff.
Reply if you know any, and look at the replies for new people/sites to follow 😊
Looking for blogs, YouTube channels, or anyone who just shares cool CSS stuff.
Reply if you know any, and look at the replies for new people/sites to follow 😊
Wow, hard to believe this was made over 2 years ago! Just tweak some CSS properties and let the browser figure out the transition. Why don’t we see animations like this on more websites by now?
Have you seen www.bram.us/2023/05/09/r...?
Extend it with a MutationObserver (or StyleObserver) and you can have it auto-transition :)
Extend it with a MutationObserver (or StyleObserver) and you can have it auto-transition :)
Rearrange / Animate CSS Grid Layouts with the View Transition API
Animate elements in a grid layout as new items are added, items change size, etc.
www.bram.us
October 2, 2025 at 11:56 AM
Wow, hard to believe this was made over 2 years ago! Just tweak some CSS properties and let the browser figure out the transition. Why don’t we see animations like this on more websites by now?
Reposted by Martin Trapp
For everyone who cannot wait until native cross-document view transitions arrive: Your Astrojs sites with <ClientRouter> will already support view transitions for same-origin navigation in Firefox 144!
September 22, 2025 at 8:18 AM
For everyone who cannot wait until native cross-document view transitions arrive: Your Astrojs sites with <ClientRouter> will already support view transitions for same-origin navigation in Firefox 144!
Yes, you got it right!
September 18, 2025 at 1:07 PM
