toast component ui and section messages are actually quite similar 🤔

Ruminating about dynamic styling in Tailwind - concatenation, Tailwind Merge and data selectors podcasts.apple.com/us/podcast/d...

Migrating the element sorting to @alexreardon.bsky.social's pragmatic drag and drop 😁. - Grid and Flex layouts with gaps will no longer be an issue - An overlay will show the blueprint of the current drop target - Your blueprint components won't anymore need to manually mount drag-and-drop handles

It's a great pattern that clicking on a label for a checkbox will also select the checkbox. However, there is commonly no feedback when hovering over a label that anything will happen when you click. What if we changed that?

Playing with making auto dismiss timing more visible for a toast

Episode 2! podcasts.apple.com/us/podcast/u... I plan on releasing weekly at this stage and see how I go

🪴 A new podcast: just me, talking about frontend engineering while walking through the bush podcasts.apple.com/us/podcast/f...

I am having so much fun building my own little app 🕺

It turns out that on Github CI you can save about 1 minute of build time by caching Playwright browser installations www.youtube.com/watch?v=_BcC...

📽️ I made a video exploring what to do when dragging expanded items in a tree www.youtube.com/watch?v=Dht2...

My colleague Declan Warn found an interesting bug with subgrid in Safari. This was a painful one to run into! bugs.webkit.org/show_bug.cgi...

I think my t-shirt game has peaked @michigantypescript.com

TypeScript + React question. What am I missing? www.typescriptlang.org/play/#code/J...

Our optional react drop indicator for Pragmatic drag and drop has moved from Emotion to Compiled. 9KB → 300B 🚀 If your bundler supports CSS imports `import './styles.css` then you should be good to go! www.youtube.com/watch?v=1Lef...

I still find it so impressive that TypeScript is authored in TypeScript (at least for now)

One of the best things: listening to something powerful while the code you are building out suddenly "clicks together"

New in Chrome DevTools: Accurately emulate CPU performance of a low/mid tier phone with Automatic CPU throttling calibration! 📲 This feature calculates slow-downs for your specific device. Wanted this for years! We just shipped it.

The legend himself @douges.dev speaking at SydJS last night about the wizardry going into @triplex.dev 🧙‍♂️

@smashingmagazine.com picked up a blog I helped put together about Pragmatic drag and drop 💕 medium.com/designing-at...

A big team of us have been working on a new navigation for Atlassian. More work to do, but I think it's pretty great community.atlassian.com/t5/Navigatio...

🤩 bytes.dev/archives/352

Oh cool, a blog I helped write a while ago is now on the Atlassian blog www.atlassian.com/blog/design/...

I recently got a PlayStation 5 after using a Switch for a few years. I am totally blown away by how good things look 🤩 One thing is wrecking me though: switch: right (A) = accept, down (B) = reject ps5: right (O) = reject, down (X) = accept Too many times my muscle memory has ruined me 😅

🎁 Demonstrating how to build a Trello like experience with Pragmatic drag and drop, React, Tailwind and Lucide pragmatic-board.vercel.app #webdev #react #javascript

Is there any difference between this: <Suspense fallback={null}> and this <Suspense> ?

Question about fathom (but actually about Suspense) Does anybody know why @nextjs.org recommends wrapping `load` in a <Suspense> boundary? My understanding is that `load` would not be called on the server anyway as it's in an effect 🤔 vercel.com/guides/deplo...

Younger me: Midlife crisis? How funny! Current me: I totally get it

For discoverability of posts on 🦋 is the idea to use hash tags?

(I've been putting together a little board example powered by Pragmatic drag and drop) Now with panning

Okay, hear me out: componentA.server.tsx componentB.client.tsx

It's real nice that 🦋 doesn't have ads (at least for now)

Working on some visualisations 🏄‍♂️

Hi everyone!