That's a very hopeful attitude, I do wish there were more mainstream media outlets shouting about the wins though 😅

Really nice, you could make a nice view transition with this. Paint splats over the page and then runs away to reveal the new page.

I use BEM so my-component--large. It's not a hard and fast rule though I use data (or aria) attributes if it feels right that being said not for something like size variation.

mixin experiment ...

Is it no different than running this CSS?

codepen.io/Link2Twenty/...

Where's that CSS time machine when you need it 😉

The Diplomatic Core: Shared Logic in a Multi-Framework World This is the third part in a tenuously linked series defending JavaScript singletons in a modern...

Did you know singletons can be used alongside Micro-Frontends (MFEs) in order to allow information and state to be passed around even if you're using different frameworks?

dev.to/link2twenty/...

Has Blip-A happened yet? That was the point where it went from hard to put down to impossible for me 😅.

0.0041 Okay this is genuinely impressive. You're well below the standard JND of 0.02. The CIE should be sending you a job offer. Or at least a certificate.

That was hard work.

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.

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/...

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

dev.to/link2twenty/...

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/...

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...

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.

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

+1 for deckle

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/...

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-...

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/...

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

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

I was drawn to the book collection too 😅

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

What in the Richard Osman is happening here 😅

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

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/...

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/...

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

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...