Martin Trapp's Avatar

Martin Trapp

@martr.app

Maintainer at @astro.build ๐Ÿš€ Maker of ๐Ÿ‘œ Bags of Tricks โœจfor view transitions @vtbag.dev

476
Followers
152
Following
355
Posts
30.10.2024
Joined
Posts Following

Latest posts by Martin Trapp @martr.app

Sarah and Yan are both absolutely incredible people to have in your team and are a massive part of Astro's success.

If you're looking to make your docs better, you'd be missing the opportunity of your life by not hiring them!

23.01.2026 23:10 ๐Ÿ‘ 12 ๐Ÿ” 2 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0
Preview
Hello, and welcome to Fun with View Transitions! Embark on a journey into the marvelous land of the View Transition API.

==> SPREAD THE WORD

Hands-on tutorial for mastering View Transitions!

Seven interactive exercises guide you from basics to advanced techniques: morphing snapshots, healing text, and more.

Code at github.com/vtbag/fun-wi..., Episodes on vtbag.dev/fwvt/welcome/

17.02.2026 13:25 ๐Ÿ‘ 14 ๐Ÿ” 2 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 1

Oh, neat. Waiting for images to render was my first thought. Getting more precise control over when the ::view-transition-new pseudo is captured would be awesome!

16.02.2026 17:28 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

Yes, I saw it on the list: cross-document view transitions including `link rel=expect`.

13.02.2026 07:19 ๐Ÿ‘ 5 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

(Element)-scoped view transitions are going to change the game once they hit baseline!

02.02.2026 14:45 ๐Ÿ‘ 3 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

๐Ÿ˜… True ๐Ÿ™‚ Definitely not the same scale.

28.01.2026 12:23 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

Danke fรผr den Hinweis auf snapDOM, das kannte ich bisher noch gar nicht. Vielversprechend!

28.01.2026 11:47 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0

Yes, that is sad, but probably necessary.

Like making sure not everyone can just walk in and buy a firearmโ€ฆ
โ€ฆwell.

28.01.2026 11:34 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0

"Script can never read pixel content in the images. This is necessary since the document may embed cross-origin content (iframes, CORS resources, etc.) and multiple restricted user information (visited links history, dictionary used for spell check, etc.)"

github.com/WICG/view-tr...

28.01.2026 11:10 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0

Haha, looks like we are dreaming the same dream. ๐Ÿ˜‰ And even though we would never abuse this feature ourselves, someone out there absolutely will.

I do not have much hope that browsers will ever fully fulfill this dream.

This is from the security section of the View Transition explainer:

28.01.2026 11:10 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0

So good! I laughed so hard. Totally made my day! Thank you, Vale!

22.01.2026 08:45 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

Hey, this looks amazing! Congrats, you absolutely nailed it!

21.01.2026 22:04 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

Welcome, Armand!

21.01.2026 21:51 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

Because it seems to be the thing right now:

21.01.2026 13:13 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

No shocks, please ๐Ÿ˜„ View Transition support is alive and well. Only the old <ViewTransitions /> name is going away, having been replaced by <ClientRouter /> for quite some time now.

14.01.2026 12:16 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

Firefox view transition support is getting better and better.

14.01.2026 07:40 ๐Ÿ‘ 8 ๐Ÿ” 1 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

Many thanks for that! It is so much fun listening to you two talk about the exciting things you can do with view transitions. View transitions are always fun!

12.01.2026 12:06 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

What an incredible list!

07.01.2026 08:22 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0
[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.

[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.

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.

25.12.2025 23:25 ๐Ÿ‘ 8165 ๐Ÿ” 2228 ๐Ÿ’ฌ 105 ๐Ÿ“Œ 168

It crashed often, but it was still a lot of fun back then. Just a handful of tags, no CSS, no scripts.

26.12.2025 22:16 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

Happens to the best, @nerdy.dev ๐Ÿ˜ƒ
One way or the other.

18.12.2025 17:13 ๐Ÿ‘ 8 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0
Preview
View Transitionใงใ‚ใ‹ใ‚‹Next.jsใจAstroใฎ่จญ่จˆๆ€ๆƒณ

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:

12.12.2025 07:25 ๐Ÿ‘ 2 ๐Ÿ” 1 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0
Preview
Flickering during Cross-Fade Animations? Why custom fade animations for view transitions might flash.

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...

04.12.2025 18:59 ๐Ÿ‘ 1 ๐Ÿ” 1 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

Cool idea!

At first I somehow thought it would only work with animatable properties. But that was, of course, nonsense, as your example already shows. So Iโ€™m leaning toward โ€˜brilliantโ€™ for now. And I wouldnโ€™t be surprised if browsers handle this special case quite efficiently as well.

30.11.2025 08:51 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

*sigh* typo: types1 => types!

25.11.2025 08:28 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

You know Xmas is coming when ...

Navigation API, document.activeViewTransition, and soon ๐Ÿฅ: view transition types1

25.11.2025 08:21 ๐Ÿ‘ 4 ๐Ÿ” 0 ๐Ÿ’ฌ 2 ๐Ÿ“Œ 0

Hi @naari3.net ๐Ÿ‘‹, what do you try to accomplish and do you have a repository i could take a look at?

18.11.2025 11:06 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0
: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:

: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:

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

14.11.2025 20:38 ๐Ÿ‘ 4 ๐Ÿ” 1 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0
09.11.2025 12:08 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0