That HTML Blog & The Spicy Web<p>The Invoker Commands API is the new hotness for a declarative <a href="https://intuitivefuture.com/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTML</span></a> solution to the problem “click and see something happen!!”</p><p>However…</p><p>If we’re inside shadow DOM and the button being clicked is supposed to do a thing via its host component, then uh, nope. 🤨</p><p>Thankfully there’s always a workaround in the Wide World of the Web, so I’ve written it up and here it is!</p><p>😁 Yay for building directly on top of platform mechanics. 👏 <a href="https://intuitivefuture.com/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JavaScript</span></a> <a href="https://intuitivefuture.com/tags/WebComponents" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebComponents</span></a> <a href="https://intuitivefuture.com/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a></p><p><a href="https://thathtml.blog/2025/07/more-fun-with-invoker-commands-web-components/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">thathtml.blog/2025/07/more-fun</span><span class="invisible">-with-invoker-commands-web-components/</span></a></p>
Administered by:
#WebComponents
3 posts3 participants0 posts today
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! 
Continued thread
What impressed me was the prioritizing of economic justice at the framework level. That manifests in minimal code sent to the client hosted on a Cloudflare edge worker for free; reducing costs for website owners and customers.
No $20/mo hosting lock-in scheme.
Wish #webcomponents had an SDK like this...
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/
www.nicchan.meWe launched our first Shopify theme - Nic ChanThis theme is the reason why I've disappeared from the internet for the past half a year.
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
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!
GitHubGitHub - positive-intentions/dimContribute to positive-intentions/dim development by creating an account on GitHub.
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 )