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...
Dynamic styles in Tailwind
Podcast Episode · Frontend Engineering Bushwalk · 02/02/2026 · 19m
podcasts.apple.com
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
Using cookies for UI state
Podcast Episode · Frontend Engineering Bushwalk · 01/19/2026 · 13m
podcasts.apple.com
🪴 A new podcast: just me, talking about frontend engineering while walking through the bush podcasts.apple.com/us/podcast/f...
Frontend Engineering Bushwalk
Technology Podcast · Come relax and nerd out with me as I go for a bushwalk and talk through my learnings, ideas, and challenges in frontend engineering
podcasts.apple.com
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...
Caching Playwright on CI
YouTube video by Alex Reardon
youtube.com
📽️ I made a video exploring what to do when dragging expanded items in a tree www.youtube.com/watch?v=Dht2...
What to do when dragging expanded tree items?
YouTube video by Alex Reardon
youtube.com
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...
292516 – Inserting a subgrid child with `position: absolute` can cause `auto` column widths to be calculated incorrectly.
bugs.webkit.org
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...
Build time CSS for our optional react drop indicator package
YouTube video by Alex Reardon
youtube.com
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...
The new navigation: Coming to you in 2025
Note: Following the success of this Early Access Program (EAP) in October 2024, we're now extending an open invite to all users for the Beta launch of the new navigation. Hello Community, The Atlassia...
community.atlassian.com
Oh cool, a blog I helped write a while ago is now on the Atlassian blog www.atlassian.com/blog/design/...
Designed for Delight, Built for Performance: The Journey of Pragmatic Drag and Drop - Work Life by Atlassian
Discover how Atlassian's Pragmatic Drag and Drop revolutionized user experience with a flexible, high-performance solution. Learn about the design, engineering, and accessibility strategies that shape...
atlassian.com
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
Pragmatic board
A board powered by Pragmatic drag and drop, React, Tailwind and Lucide
pragmatic-board.vercel.app
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?