Are there any projects like Enhance, WebC and Hawk Ticehurst's Stellar that are in active development and exciting people? We have a lot of primitive tools (in HTML and JS) at our disposal now, but what I'm always needing is some thoughtful and opinionated guides for putting it all together for something production ready. #WebComponents
Jared White (ResistanceNet ✊)
and 1 other
boosted
Hello #WebDev friends!
I'm hosting an #AMA today at Human Web Collective! I’ll start answering questions at 12pm Pacific Time, so ask away. Topics for discussion:
* “Vanilla” frontend techniques
* #WebComponents
* #CSS architecture/design systems/etc.
* Coding practices free from slop
* #HTML Frameworks / site generators
* Hosting
* What I had for breakfast
and more!
You can use/create your HWC account (preferred) or paste this in your fedi search for direct replies:
https://humansare.social/c/indie_web_dev/p/992/ama-about-indie-web-dev-november-2025-edition
Hello #WebDev friends!
I'm hosting an #AMA today at Human Web Collective! I’ll start answering questions at 12pm Pacific Time, so ask away. Topics for discussion:
* “Vanilla” frontend techniques
* #WebComponents
* #CSS architecture/design systems/etc.
* Coding practices free from slop
* #HTML Frameworks / site generators
* Hosting
* What I had for breakfast
and more!
You can use/create your HWC account (preferred) or paste this in your fedi search for direct replies:
https://humansare.social/c/indie_web_dev/p/992/ama-about-indie-web-dev-november-2025-edition
I realize it has been a long bit since I've put some Web Components together. This one is a pattern I've used in a few apps a long while ago, and now I've finally gotten around to putting them into an easy-to-use component. I'm really happy with the mostly CSS-only solution here too!
deutrino
boosted
and with that... I'm actively looking for my next contract, ideally something around ~20h/week. deep knowledge of #Python/#Django, long time #NodeJS Dev, talk to me about #WebComponents!
and with that... I'm actively looking for my next contract, ideally something around ~20h/week. deep knowledge of #Python/#Django, long time #NodeJS Dev, talk to me about #WebComponents!
📝 New Post: The Killer Feature of #webcomponents
A quick dive into the Custom Elements Manifest and why this community standard is a 10x effort multiplier.
https://daverupert.com/2025/10/custom-elements-manifest-killer-feature/
Oooh, I like it. From the creator of Shoelace (now Web Awesome Components)
alcinnz
boosted
On a technical note, lots of native elements and web-components. I'm super happy with the final markup here, which has no divs (which wasn't a specific goal I started out with, but something I realized was already happening by the time I got to the end).
The only trip-up was commandfor dialog handler support, but everything else appears to work pretty seamlessly across browsers. Really shows how powerful native HTML and CSS is now.
On a technical note, lots of native elements and web-components. I'm super happy with the final markup here, which has no divs (which wasn't a specific goal I started out with, but something I realized was already happening by the time I got to the end).
The only trip-up was commandfor dialog handler support, but everything else appears to work pretty seamlessly across browsers. Really shows how powerful native HTML and CSS is now.
Joachim
boosted
Simon Duhem et Nicolas Jouanno Daniel vous inviteront à explorer les défis de l'accessibilité des web components avec le Shadow DOM et comment le RGAA et les outils d’audit pourraient évoluer.
https://www.paris-web.fr/2025/conference/les-web-components-et-laccessibilite
Simon Duhem et Nicolas Jouanno Daniel vous inviteront à explorer les défis de l'accessibilité des web components avec le Shadow DOM et comment le RGAA et les outils d’audit pourraient évoluer.
https://www.paris-web.fr/2025/conference/les-web-components-et-laccessibilite
alcinnz
boosted
Announcing Reciprocate, a Sweet Solution for Making Your HTML Web Components Reactive
Have you ever been chipping away on vanilla #WebComponents when you began to wonder “hey waitaminute…how do I make it so when I set this #JavaScript property, the equivalent #HTML attribute is updated? And if I set this attribute, the equivalent property is updated? Or when either is updated, my component will re-render?! Where are the APIs for this stuff??”
Worry no longer! 🤓 #WebDev
https://thathtml.blog/2025/09/reciprocate-reactivity-for-html-web-components/
Announcing Reciprocate, a Sweet Solution for Making Your HTML Web Components Reactive
Have you ever been chipping away on vanilla #WebComponents when you began to wonder “hey waitaminute…how do I make it so when I set this #JavaScript property, the equivalent #HTML attribute is updated? And if I set this attribute, the equivalent property is updated? Or when either is updated, my component will re-render?! Where are the APIs for this stuff??”
Worry no longer! 🤓 #WebDev
https://thathtml.blog/2025/09/reciprocate-reactivity-for-html-web-components/
Okay, chat. Vote it up. #WebComponentshttps://github.com/web-platform-tests/interop/issues/1011
alcinnz
boosted
After a long while tinkering with smaller and smaller ways to build re-usable pieces of HTML, I've landed on something that is simple, and uses the browsers built-in abilities to upgrade elements.
Introducing "ShadowRoot Injector" 🎉
https://github.com/Tram-One/shadowroot-injector
ShadowRoot Injector is a way to declaratively define HTML, that will automatically insert when custom elements appear in the DOM. 🪡
Check out the link and examples, and let me know what y'all think!
#WebComponents#HTML#ShadowDOM#WebDev
After a long while tinkering with smaller and smaller ways to build re-usable pieces of HTML, I've landed on something that is simple, and uses the browsers built-in abilities to upgrade elements.
Introducing "ShadowRoot Injector" 🎉
https://github.com/Tram-One/shadowroot-injector
ShadowRoot Injector is a way to declaratively define HTML, that will automatically insert when custom elements appear in the DOM. 🪡
Check out the link and examples, and let me know what y'all think!
#WebComponents#HTML#ShadowDOM#WebDev
@judell hey, this is very interesting. The old VB UI in a new web jacket. I just tooted about the Rube Goldberg machine that is modern web dev, and in some ways I was more empowered at the start of my career in 1997 with Visual Basic.
https://social.coop/@smallcircles/114878688112419149
You might have a look if maybe there isn't a cool combination to make with #Datastar at https://data-star.dev which recently went v1.0
They continue where #HTMX stopped, in #hypermedia land, where they use #WebComponents for complex UI.
🔥 I have news! After a 1y hiatus, I’m once again leading this year’s #StateOfHTML survey, thanks to generous funding by Google. ❤️
🙋🏽♀️ Is there is an HTML feature or Web API you're dying to see progress on? Suggest it and it could be included!
Browsers fund these surveys to see what matters to devs — so if others care too, it can really help. E.g. these surveys are the reason we have CSS Nesting.
⌛️ The survey is launching later this month, so time is of the essence!
@leaverou These all power HTML in some way or other...
- Scoped Custom Element Registries
- Reference Target API
- elementInternals.type https://github.com/MicrosoftEdge/MSEdgeExplainers/blob/main/ElementInternalsType/explainer.md
- Declarative CSS Modules and the adoptedstylesheets attribute https://github.com/MicrosoftEdge/MSEdgeExplainers/blob/main/ShadowDOM/explainer.md
- Declarative Partial Updates https://github.com/WICG/declarative-partial-updates
- DOM Parts
- Platform based windowing/virtualization
- <tabs>
I've got lots more for CSS/JS if you get signed up for those.
Good luck with the survey!