#Tag
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)
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.
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
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
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
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!
- 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!
The WC Toolkit Storybook Helpers for #WebComponents now support v9!!!
The WC Toolkit Storybook Helpers for #WebComponents now support v9!!!
⁂ Article
ap-components
I want to share some information about a repository we just published. ap-components is a set of Web Components for building interfaces for the ActivityPub API. I built it as I was making a sample application for handling the acct: URI scheme. I found myself making more and more components for the UI, and realised that they would probably be useful for other applications, too.
The library is available on npm at @socialwebfoundation/ap-components. It currently covers some of the simplest ActivityPub data, but I hope to expand it to give visibility to other types of objects and activities. Please feel free to try it out and let us know if it’s helpful for your work.
⁂ Article
ap-components
I want to share some information about a repository we just published. ap-components is a set of Web Components for building interfaces for the ActivityPub API. I built it as I was making a sample application for handling the acct: URI scheme. I found myself making more and more components for the UI, and realised that they would probably be useful for other applications, too.
The library is available on npm at @socialwebfoundation/ap-components. It currently covers some of the simplest ActivityPub data, but I hope to expand it to give visibility to other types of objects and activities. Please feel free to try it out and let us know if it’s helpful for your work.
A space for Bonfire maintainers and contributors to communicate
