#webcomponents

Brandon Zhang ๐Ÿ‡จ๐Ÿ‡ณheybran@mastodon.online
2025-07-11

What is the longest custom element name you have seen so far?

#WebComponents #CustomElement

westbrookwestbrook
2025-07-09

@leaverou These all power HTML in some way or other...

- Scoped Custom Element Registries
- Reference Target API
- elementInternals.type github.com/MicrosoftEdge/MSEdg
- Declarative CSS Modules and the adoptedstylesheets attribute github.com/MicrosoftEdge/MSEdg
- Declarative Partial Updates github.com/WICG/declarative-pa
- 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!

Will Browar ๐Ÿ‘จ๐Ÿปโ€๐Ÿ’ปwbrowar@hachyderm.io
2025-07-07

Admin Bar Component got a tiny facelift this weekend and Iโ€™d love to hear feedback. The point of this update is to make Admin Bar feel a little better on the page, instead of only full-width across the viewport.

Check out the new look here:

wbrowar.com/web-components/adm

#webcomponents #css

Burton Smithstuffbreaker
2025-07-06

Here's a fun little CEM utility I threw together this weekend. It sorts CEM properties alphabetically and can also sort out deprecated properties.

This is helpful for documentation and producing a consistent CEM.


wc-toolkit.com/cem-utilities/c

Nathan Knowlerknowler@sunny.garden
2025-07-02

In custom elements, is it best to create one MutationObserver that handles every instance of the custom element or observers per instance, then set up and tear down the observer inside the custom element lifecycle? The target would be the custom element itself (or something within its shadow tree). #WebComponents #WebPerf

Will Browar ๐Ÿ‘จ๐Ÿปโ€๐Ÿ’ปwbrowar@hachyderm.io
2025-07-02

Admin Bar Component 1.5.4 is out!

In light of the Apple Glass stuff I learned about CSSโ€™s `prefers-reduced-transparency` and applied it to the glassy background of Admin Bar Component.

#webcomponents #css #glass

github.com/wbrowar/admin-bar-c

The beta release of web awesome (formerly shoelace) is here and I am excited about all that cool web component stuff!

webawesome.com/

#webcomponents #webawesome

Egor Kloosdutchcelt
2025-06-30

Created some tests for web components that retrieve a required design token value and check if the rendered elements have the equivalent computed value. For example, if the element is showing the correct values for a focus ring.

Inautiloinautilo
2025-06-29


Kelp ยท A customizable UI library that needs no build step ilo.im/164ypi

_____

Inautiloinautilo
2025-06-27


Declarative templating API proposal ยท โ€œThe time is right for a DOM templating API.โ€ ilo.im/164yqf

_____

๐Ÿงฟ๐Ÿชฌ๐Ÿ„๐ŸŒˆ๐ŸŽฎ๐Ÿ’ป๐Ÿšฒ๐Ÿฅ“๐ŸŽƒ๐Ÿ’€๐Ÿด๐Ÿ›ป๐Ÿ‡บ๐Ÿ‡ธschizanon
2025-06-26
2025-06-25

Bluesky Likes Web Components: "I set out to announce two components I wrote for displaying Bluesky likes and ended up ranting about the pain of building accessible, localizable #WebComponents in 2025. The components are still here, though โ€” lucky you?" lea.verou.me/blog/2025/bluesky

2025-06-25

Web components compadres, what is your favorite way to style your web components? Thinking about techniques that consider customizability and CSS developer experience, as well as performance. Share with me your favorite libraries and tell me why you like their approach! #webcomponents #styling #designsystems

Burton Smithstuffbreaker
2025-06-25

As promised, here is a post on subclassing `Event` to create truly custom events. I'm excited to explore this space a bit more for creating specialized events, not just for .

dev.to/stuffbreaker/creating-t

Burton Smithstuffbreaker
2025-06-25

The WC Toolkit Storybook Helpers for now support v9!!!

wc-toolkit.com/integrations/st

westbrookwestbrook
2025-06-24

@bkardell @nomster Very interesting. Shares desires with a lot of discussions that have been happening in the as of late. Definitely see the super powers this could bring to both SPA AND MPA structures sites/applications. How can the community support moving something like this forward?

2025-06-23

Svelte Without Svelte โ€“ July 24

Love Svelte but stuck in React land? You donโ€™t need to rewrite everything. This one shows how to bring Svelte in quietly and incrementally.

Join us โžก๏ธ ti.to/mainmatter/svelte-withou

#Svelte #React #WebComponents #Mainmatter

๐Ÿงต5/5

Client Info

Server: https://mastodon.social
Version: 2025.04
Repository: https://github.com/cyevgeniy/lmst