There you go @jensimmons.bsky.social, thanks again
bugs.webkit.org/show_bug.cgi...
14.04.2025 20:36
👍 1
🔁 0
💬 0
📌 0
There you go @jensimmons.bsky.social, thanks again
bugs.webkit.org/show_bug.cgi...
Will do, thanks!
I’m trying to play with View Transitions on Safari and everything works fine except the Canvas.
As you can see, and only in Safari, the Canvas disappears for one frame during a View Transition.
Do you know if there’s a way to go around that? Or whether it’s a bug/I’m doing something wrong? Thanks!
Hey @jensimmons.bsky.social (and anyone that might be of help too 🤞🏻), I’m sorry to bug you publicly but you are the only Safari guru I know of so I believe that maybe you know what’s going on.
bug-view-transition-canvas-safari.reeple-studio.workers.dev
A screenshot of Chrome DevTools highlighting a button to indicate that all CSS animations have been paused
This button will be the bane of my existence when I’m working with #ViewTransitions. The time I’ve already spent trying to debug why my #WAAPI powered animations have stopped working only to remember about this little f*cker 😅
Testing a new format, check this if you want to hear 6 minutes of me babbling about WebGL and GPU picking, a concept that I find so simple yet so smart #ogl #webgl
Would love to see your (/ Astro’s) take on that Matt, as in how much Astro vs how much TanStack Start and how they would play in tandem
Thank you @martr.app, can’t wait to have this demo out there 😀
Just realized there are some typos, `value!.label` was part of code that I removed for clarity but it’s just some basic string, and the out animation should have been using `translate3d` as well :)
A snippet of HTML, Javascript & CSS code to explain what is needed to do the view transition animation from the video on the previous post
(I’m setting the transition name in JavaScript because I'm also using it for page transitions and don't want it triggering everywhere in the DOM)
It still is wild to me that this is all the code needed for this sweet little amount of details, View Transitions are so cool.
Width automatically adjusting in the black pill, the white pill automatically shifting sideways based on the size of its sibling, cool out/in translation.
I haven’t posted here much… I still grab for Twitter by instinct first.
Is it frowned upon to post the same content on both platforms?
I think it’s because your account is still fresh with very few metrics, might need a bit more interactions (likes, replies, etc)
I think I found an easier (I think) implementation of this in Astro: github.com/jldec/astro-...
What do you guys think?
A series of web development themed stickers displayed on a marble table
For example the funny take that @wesbos.com did still is my favorite sticker pack
More variety in stickers are always fun. Also, a bit smaller for people like me that enjoy having a lot of different stickers – the current are way too big in my opinion.
A lot of work ahead but I’m excited to explore and learn new skills.
Can't wait to share what's next! ✨
After 10+ years of crafting things for others, I’m going solo to focus on what deeply matters to me: building thoughtful, accessible websites with genuine personality.
Crafting with tools that share this philosophy (looking at you @astro.build 👀), I want to make the web fun again.
I moved from Chrome to Brave when the former disabled a bunch of extensions (adblocker notably); what’s the status of Edge on that? Might give it a solid shot, the additional features seem neat
What a feat, congrats Matt
I remember reading about @unjs.io being discussed in the RFC, glad to read it was finally considered in the end.
Excited for this new feature
Looking forward to that blog post
Curious to read your thoughts on how it compares with React! I use Sanity and/or R3F so I can’t discard React unfortunately but I’ve been so curious about Alpine for so long
You definitely got points from me when you showed the `aria-label` trick, really cool
Unsure to like the post because it’s a funny joke or think that maybe it has too many keywords that could influence my almost empty algo here 😰
They happen server side like RSC but don’t serve the same purpose. To simply summary they are a mix of Defer/Suspense + ping server side from the client, or a mix of static + dynamic. The simplest is to check the examples and docs (server-islands.com). And in my attempt they simply stopped working 😅
Ah! I’ve never seen that page, thanks for sharing. I’m eagerly waiting for @cloudflare.social to release the Cache-Tags for everyone in 2025 but I’ll check this out
Recently I created something for Cloudflare but ended realising too late that retrieving the page from my KV store (= cached response) broke server islands 🥲
You can mimic it but some setup is needed, as in server mode + middleware + KV store (or similar) to get/put pages responses. @shayy.org has some great articles on logsnag.com/blog to guide you through an implementation that could work for your infra.
