I hate saying things which seem blindingly obvious, but when Famous People™ such as Theo on YouTube make these basic mistakes, I wonder.

So here you go:

`document.querySelector("# my-dumb-button").addEventListener(...)` is completely obsolete in the year 2025.

Never do that again please. You don't need to!

If you're wondering “well, what should I do instead?”, check the comments; we'll talk about what to do instead. Apparently it will BLOW YOUR MIND!

Woo hoo! https://github.com/mozilla/standards-positions/issues/424#issuecomment-2970773302

A great behind the scenes look at all the effort that goes into building an accessible Shopify theme by @NicMakesStuff

There's also a nice bit in there about how #WebComponents are a great fit for a one-time purchase theme that you support forever because "their extensibility is unmatched" and "they never need to be updated".

https://www.nicchan.me/blog/we-launched-our-first-shopify-theme/

I love that I can add CSS custom properties to a Custom Element Manifest via JSDoc. Let's see if I can add the idents/keys as specific properties to a JSX style attribute object. #css #jsdoc #cem #webcomponents

Where is my #webKit @webkit support at!?!

https://caniuse.com/?search=%3Ahas-slotted

React-like functional webcomponents, but with vanilla HTML, JS and CSS

Introducing Dim – a new #Framework that brings #ReactJS-like functional #JSX-syntax with #VanillaJS. Check it out here:
Project: https://github.com/positive-intentions/dim
Website: https://dim.positive-intentions.com

My journey with #WebComponents started with Lit, and while I appreciated its native browser support (less #Tooling!), coming from #ReactJS, the class components felt like a step backward. The #FunctionalProgramming approach in React significantly improved my #DeveloperExperience and debugging flow.

So, I set out to build a thin, functional wrapper around #Lit, and Dim is the result! It's a #ProofOfConcept right now, with "main" #Hooks similar to React, plus some custom ones like useStore for #EncryptionAtRest. (Note: #StateManagement for encryption-at-rest is still unstable and currently uses a hardcoded password while I explore #Passwordless options like #WebAuthn/#Passkeys).

You can dive deeper into the #Documentation and see how it works here:
Dim Docs: https://positive-intentions.com/docs/category/dim

This #OpenSource project is still in its early stages and very #Unstable, so expect #BreakingChanges. I've already received valuable #Feedback on some functions regarding #Security, and I'm actively investigating those. I'm genuinely open to all feedback as I continue to develop it!

Today I saw someone coming up with their own #html tags. At first I thought they were #WebComponents but the naming was off:

<holiday>, <employee>, <month> and many more

Looked at it in the #accessibility tree, they're all generic elements.

What really amazes me is the browser still rendering the content inside and simply not giving a fuck if it's fantasy HTML

(I would be shocked if someone shows me a link to the specs for these elements in the comments )

ap-components

https://socialwebfoundation.org/2025/05/28/ap-components/

#WebComponents people, in this Codepen that I set up for testing, the dialog inside the #ShadowDOM cannot be open by its sibling button even enough they're connected by correct ID attribute.
Is this expected or am I missing something here?

https://codepen.io/brandonzhang/pen/QwwXXmL

Storefront Web Components

https://webcomponents.shopify.dev/

shopify embracing web components. lightdom web components no less.

love to see it.