Profile avatar
martr.app
Maintainer at @astro.build 🚀 Maker of 👜 Bags of Tricks ✨for view transitions @vtbag.dev
236 posts 391 followers 135 following
Regular Contributor
Active Commenter
Posts 16 Comments 34

Feeling honored: Bramus picked up an idea we chatted about, extended his blog, and even linked back to The Bag! That is one heck of a compliment coming from someone whose talks and demos around view transitions (and far beyond!) I truly admire. Huge thanks, @bram.us, that really made my day!

submitted 5 days ago • 0 comments

Wild how little code powers this demo. Hit that "Toggle Code" button in the corner and see for yourself!

submitted 5 days ago • 0 comments

Here you can try it live! Every click triggers a view transition. If you click quickly, the latest one would rudely interrupt the active one. mayStartViewTransition() from @vtbag/utensil-drawer helps here by queuing update callbacks and batching them into new view transitions.

submitted 7 days ago • 0 comments

When I figured this out, it completely blew me away. ::view-transition-image-pair(.el) { animation-name: arc; } @keyframes arc {50% {transform: translateY( calc(var(--from-x) / 3 - var(--to-x) / 3) );}} --from... and --to... on each group's pseudo mark the start and end of its motion.

submitted 7 days ago • 1 comment

Just pulled out of The Bag. Don't miss this brand-new episode of Fun With View Transitions. This time, we dig into a mystery from the support channel of the astro.build discord. Come join the investigation!

submitted 19 days ago • 0 comments

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.

submitted 24 days ago • 1 comment

🌫️🌫️ It has begun.🌫️🌫️ 🌫️🌫️ It is coming. 🌫️🌫️

submitted 24 days ago • 0 comments

View Transitions API meets Drag and Drop API! I am already looking forward to digging into, in a future episode of Fun with View Transitions, how we managed to start the morph animation of the tile exactly where it was released after the drag.

submitted 38 days ago • 0 comments

View transitions: they’re smooth, they’re stylish, and they have their own feed! A feed that gathers all things view transitions. No hard cuts, just pure animation magic. Follow and pin it before this post is forced into an exit animation from your timeline. bsky.app/profile/did:...

submitted 48 days ago • 0 comments

Way back when, we had to rename our HashIterator class before open-sourcing it because Legal, in all its case-insensitive wisdom, spotted a certain four-letter word hiding in plain sight at position 2.

submitted 49 days ago • 1 comment

Just saw you on "Smashing Meets Modern CSS", @nerdy.dev It is so much fun watching you live, trying to cram a three-hour lecture into a TikTok. Hope you catch your breath soon! Thanks so much! (And of course, you got the right answer for the most fun new addition to CSS!)

submitted 49 days ago • 1 comment

If you'd like to start contributing to open source projects, send PRs with failing test cases and no fix. Distilling minimal reproductions into proper test cases is a significant part of fixing bugs. Maintainers will fall in love with you.

submitted 49 days ago • 4 comments

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

submitted 50 days ago • 0 comments

Do not miss this Guided Tour to Outer Space! Blast off into styling #ViewTransitions, including morph animations along arbitrary paths! (👜✨link in quoted post) Follow along on CodePen or enjoy the @astrojs example (your choice of <ClientRouter/> or @view-transition)! codepen.io/martrapp/pen...

submitted 54 days ago • 0 comments

Well done, @miguel.reeple.studio! View Transitions are always fun! Thank you for sharing! (-out-of-exclamation-marks-)

submitted 55 days ago • 1 comment

Bye bye #CloudFest

submitted 61 days ago • 0 comments