Sign in

Alex Reardon

@alexreardon.bsky.social
926 followers 46 following 98 posts

Software craftsman 👨‍🔧

PostsRepliesMedia
Alex Reardon @alexreardon.bsky.social · 16/09/2026
Page Rage: A game I made to allow people to destroy any web page 🔥
141
Alex Reardon @alexreardon.bsky.social · 26/08/2026
Target hardware for my upcoming game
140
Alex Reardon @alexreardon.bsky.social · 04/02/2026
toast component ui and section messages are actually quite similar 🤔
020
Alex Reardon @alexreardon.bsky.social · 02/02/2026
Ruminating about dynamic styling in Tailwind - concatenation, Tailwind Merge and data selectors podcasts.apple.com/us/podcast/d...
podcasts.apple.com
Dynamic styles in Tailwind
Podcast Episode · Frontend Engineering Bushwalk · 02/02/2026 · 19m
120
Reposted by Alex Reardon
Katja Lutz 🦋🇨🇭 @katywings.bsky.social · 30/01/2026
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
041
Alex Reardon @alexreardon.bsky.social · 28/01/2026
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?
110
Alex Reardon @alexreardon.bsky.social · 28/01/2026
A meme about me finally remembering some CSS details
260
Alex Reardon @alexreardon.bsky.social · 20/01/2026
Playing with making auto dismiss timing more visible for a toast
160
Alex Reardon @alexreardon.bsky.social · 19/01/2026
Episode 2! podcasts.apple.com/us/podcast/u... I plan on releasing weekly at this stage and see how I go
podcasts.apple.com
Using cookies for UI state
Podcast Episode · Frontend Engineering Bushwalk · 01/19/2026 · 13m
000
Alex Reardon @alexreardon.bsky.social · 18/01/2026
🪴 A new podcast: just me, talking about frontend engineering while walking through the bush podcasts.apple.com/us/podcast/f...
podcasts.apple.com
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
150
Alex Reardon @alexreardon.bsky.social · 16/12/2025
I am having so much fun building my own little app 🕺
140
Alex Reardon @alexreardon.bsky.social · 17/11/2025
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...
youtube.com
Caching Playwright on CI
YouTube video by Alex Reardon
040
Alex Reardon @alexreardon.bsky.social · 27/06/2025
📽️ I made a video exploring what to do when dragging expanded items in a tree www.youtube.com/watch?v=Dht2...
youtube.com
What to do when dragging expanded tree items?
YouTube video by Alex Reardon
060
Alex Reardon @alexreardon.bsky.social · 05/05/2025
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...
bugs.webkit.org
292516 – Inserting a subgrid child with `position: absolute` can cause `auto` column widths to be calculated incorrectly.
010
Alex Reardon @alexreardon.bsky.social · 28/03/2025
I think my t-shirt game has peaked @michigantypescript.com
Picture of me wearing a "typescript types" doom inspired t-shirt
2100
Alex Reardon @alexreardon.bsky.social · 21/03/2025
TypeScript + React question. What am I missing? www.typescriptlang.org/play/#code/J...
Screenshot of code. Full source is in the link provided
310
Alex Reardon @alexreardon.bsky.social · 14/03/2025
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...
youtube.com
Build time CSS for our optional react drop indicator package
YouTube video by Alex Reardon
250
Alex Reardon @alexreardon.bsky.social · 12/03/2025
I still find it so impressive that TypeScript is authored in TypeScript (at least for now)
120
Alex Reardon @alexreardon.bsky.social · 04/03/2025
One of the best things: listening to something powerful while the code you are building out suddenly "clicks together"
020
Reposted by Alex Reardon
Addy Osmani @addyosmani.bsky.social · 23/02/2025
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.
New in @ChromeDevTools: 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.
533260
Alex Reardon @alexreardon.bsky.social · 19/02/2025
The legend himself @douges.dev speaking at SydJS last night about the wizardry going into @triplex.dev 🧙‍♂️
Picture of Douges giving his talk
141
Alex Reardon @alexreardon.bsky.social · 19/02/2025
@smashingmagazine.com picked up a blog I helped put together about Pragmatic drag and drop 💕 medium.com/designing-at...
A screenshot of the post in Smashing Magazine. Follow the link for the content of the blog
141
Alex Reardon @alexreardon.bsky.social · 30/01/2025
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...
community.atlassian.com
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...
031
Alex Reardon @alexreardon.bsky.social · 20/12/2024
🤩 bytes.dev/archives/352
Screenshot of newsletter + a meme of me pointing at it
050
Alex Reardon @alexreardon.bsky.social · 20/12/2024
Oh cool, a blog I helped write a while ago is now on the Atlassian blog www.atlassian.com/blog/design/...
atlassian.com
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...
040
Alex Reardon @alexreardon.bsky.social · 18/12/2024
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 😅
030
Alex Reardon @alexreardon.bsky.social · 15/12/2024
🎁 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.vercel.app
Pragmatic board
A board powered by Pragmatic drag and drop, React, Tailwind and Lucide
2180
Alex Reardon @alexreardon.bsky.social · 12/12/2024
Is there any difference between this: <Suspense fallback={null}> and this <Suspense> ?
220
Alex Reardon @alexreardon.bsky.social · 11/12/2024
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...
110
Alex Reardon @alexreardon.bsky.social · 03/12/2024
256.4 - 241.4 in javascript is not 15, but 14.99999999999972
230
Alex Reardon @alexreardon.bsky.social · 02/12/2024
Younger me: Midlife crisis? How funny! Current me: I totally get it
220
Alex Reardon @alexreardon.bsky.social · 28/11/2024
For discoverability of posts on 🦋 is the idea to use hash tags?
020
Alex Reardon @alexreardon.bsky.social · 28/11/2024
(I've been putting together a little board example powered by Pragmatic drag and drop) Now with panning
1120
Alex Reardon @alexreardon.bsky.social · 28/11/2024
Okay, hear me out: componentA.server.tsx componentB.client.tsx
140
Alex Reardon @alexreardon.bsky.social · 27/11/2024
It's real nice that 🦋 doesn't have ads (at least for now)
150
Alex Reardon @alexreardon.bsky.social · 25/11/2024
Working on some visualisations 🏄‍♂️
080
Alex Reardon @alexreardon.bsky.social · 21/11/2024
Hi everyone!
350