Andrew Bone's Avatar

Andrew Bone

@link2twenty

๐ŸŒ Web Developer ๐Ÿ” Burger muncher ๐ŸŽฎ Mass Effect fan

76
Followers
69
Following
75
Posts
27.06.2023
Joined
Posts Following

Latest posts by Andrew Bone @link2twenty

We're getting so close to dropping another build step, we can move the M of BEM to data-attributes but I'd still love to see native CSS concatenation in nesting.

09.03.2026 16:04 ๐Ÿ‘ 2 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0
Demo showing many micro frontend ends all of which can trigger content changes in another micro frontend thanks to a shared singleton pattern

Demo showing many micro frontend ends all of which can trigger content changes in another micro frontend thanks to a shared singleton pattern

Another day another demo. I've been continuing my defence of the singleton pattern this time by showing how it can be used to allow communication between several micro frontends (though single-spa).

Demo:
link2twenty.github.io/multi-framew...

Source:
github.com/link2twenty/...

06.03.2026 22:44 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

The post this was for is now out, it's a little controversial.

dev.to/link2twenty/...

05.03.2026 08:34 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0
Preview
React: Singletons aren't as evil as you think In the world of React, the humble singleton gets a bit of a bad rap. It is often dismissed as a messy...

React singletons get a bad rap, but most of that "messiness" was just a lack of a clean connection to the render cycle.

But it turns out that when you use the platform instead of fighting it, the singleton isn't the villain of the story.

dev.to/link2twenty/...

04.03.2026 18:43 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0
Demo of toast system in react

Demo of toast system in react

Working on a demo for my next post. The post isn't actually about toasts but I needed to build a basic toast system for it.

codesandbox.io/p/sandbox/to...

04.03.2026 12:30 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 1

It's just a font and some premade backgrounds, no AI. Doesn't mean they didn't use AI to make the source code but you're not using AI when you use the tool.

03.03.2026 14:28 ๐Ÿ‘ 34 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

Just had a peak at the source code, it's not AI. Just a font and some premade backgrounds.

03.03.2026 14:26 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

+1 for deckle

01.03.2026 14:40 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0
Preview
Type-Safe CustomEvents: Better Messaging with Native APIs The native EventTarget is a hidden gem for internal messaging. It is built-in, fast and stays out of...

The native EventTarget is a hidden gem, but its TypeScript support is a bit of a "black box". Iโ€™ve put together a small wrapper to get a 100% type-safe event bus with zero runtime overhead.

dev.to/link2twenty/...

28.02.2026 21:52 ๐Ÿ‘ 2 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0
Preview
Modal a11y ยท adobe react-spectrum ยท Discussion #9696 Hi, I have 2 questions related to the Modal component. In the documentation example, I tells us to use <Dialog> inside the modal. Why is it internally a <section role="dialog"> instead of a <dialog...

I'm often asked why you would use a JS library like React Aria for modals instead of the HTML <dialog> element, so I wrote up a detailed response. One of the main features of <dialog> (top layer) is also one of its weaknesses.

github.com/adobe/react-...

27.02.2026 16:52 ๐Ÿ‘ 62 ๐Ÿ” 9 ๐Ÿ’ฌ 4 ๐Ÿ“Œ 3
Preview
Dialogs, Popovers & the Top Layer Mess Dialogs (or modals) and popovers are essential UI components that interrupt the user's workflow to...

I wrote an article a while ago expressing similar concern/frustration

dev.to/link2twenty/...

28.02.2026 11:41 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

Are you gonna be back on the podcast scene at some point? Sorry if you've already said I might've missed something ๐Ÿ˜…

13.02.2026 17:53 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0

I'd be interested in seeing how the Hamburg Declaration and HVDC green links will change the map.

28.01.2026 18:50 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0

I was drawn to the book collection too ๐Ÿ˜…

19.01.2026 12:31 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0
Preview
Express Setup: Simple & Scalable There are a few things conventional wisdom has taught us to do when making an Express microservice,...

There are a few things conventional wisdom has taught us to do when making an Express microservice but let's break the rules and see where we end up.

dev.to/link2twenty/...

#javascript #nodejs #devcommunity

17.01.2026 20:45 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

What in the Richard Osman is happening here ๐Ÿ˜…

26.12.2025 11:51 ๐Ÿ‘ 2 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0

Honestly, I'm surprised <br> wasn't your breaking point...

23.12.2025 01:03 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0
Preview
Dialogs, Popovers & the Top Layer Mess Dialogs (or modals) and popovers are essential UI components that interrupt the user's workflow to...

I'm always glad to use less JS but I still think top-layer isn't quite ready for the mainstream and until it is not many people will embrace it.

My thoughts if you're interested, though I wrote it a while ago now.

dev.to/link2twenty/...

18.12.2025 23:13 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0
Preview
Dialogs, Popovers & the Top Layer Mess Dialogs (or modals) and popovers are essential UI components that interrupt the user's workflow to...

How do you solve the top layer ordering and incorrect inert issues?

I have some thoughts and a JS solution but I'm always looking for other ideas ๐Ÿ˜…

Here's a post I wrote about it all a little while back.

dev.to/link2twenty/...

24.10.2025 21:41 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

Would be interested in seeing some sort of anonymised data when you've got your results in.

10.10.2025 12:08 ๐Ÿ‘ 2 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0
Preview
Progressive Web Apps for Firefox โ€“ Get this Extension for ๐ŸฆŠ Firefox (en-US) Download Progressive Web Apps for Firefox for Firefox. A tool to install, manage and use Progressive Web Apps (PWAs) in Mozilla Firefox

The extension if you're interested

addons.mozilla.org/en-US/firefo...

23.09.2025 15:18 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

Does Firefox have any PWA install capabilities? I think you need an extension to get standalone installs, though could be wrong.

I guess my question is more around PWA standalone installs in general, it feels like only Chrome takes them seriously, though I know this is self interest on their part.

23.09.2025 15:17 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0

@jakearchibald.com Hi, do you think firefox will reconsider their decision about supporting beforeinstallprompt? I'd love to see this in the spec (and I'm sure other PWA advocates would too) but with Apple and Mozilla saying no I guess it won't go anywhere.

23.09.2025 14:48 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0

Do you think WebXR is mature enough for this yet? MDN still marks it as experimental so I'd guess not? ๐Ÿฅฒ

05.09.2025 09:28 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0
Preview
APCA Accessible Colour Contrast Checker | ACHECKS Accessibility Checker The Accessible Perceptual Contrast Algorithm (APCA) calculates contrast based on the luminance of the colours.

This tool gives you a nice table of passes based on size and weight.

www.achecks.org/apca-accessi...

13.08.2025 11:43 ๐Ÿ‘ 3 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0
Video thumbnail

I was expecting @css-only.dev to be getting in on this too.

I had a quick play but I couldn't get the diffraction working
codepen.io/Link2Twenty/...

12.06.2025 10:12 ๐Ÿ‘ 2 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

I might have a play with base-ui over the weekend and see how it compares. From a quick glance it looks like it's very similar to Radix but may supersede it if it keeps up momentum. Definitely one to watch.

15.05.2025 21:00 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

We're pretty heavily into radix, do you think it's still worth looking into? I see they seem to have quite similar DX.

15.05.2025 20:27 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0
Preview
Dialogs, Popovers & the Top Layer Mess Dialogs (or modals) and popovers are essential UI components that interrupt the user's workflow to...

I wrote a post a while ago about how frustrating the whole top layer situation is.

At the bottom of the post I share a snippet of some stuff you can do do make it play nice together but it's still not perfect.

dev.to/link2twenty/...

14.05.2025 16:32 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0
Classic moon "it always has been" meme with the text changed to

Person 1: My comics can finally be 4k
Person 2: They always have been

Classic moon "it always has been" meme with the text changed to Person 1: My comics can finally be 4k Person 2: They always have been

12.05.2025 18:35 ๐Ÿ‘ 2 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0