Mastodawn

Scoped Custom Elements Registries · Issue #424 · mozilla/standards-positions

Request for Mozilla Position on an Emerging Web Specification Specification Title: Scoped Custom Elements Registries Specification or proposal URL: https://github.com/WICG/webcomponents/blob/gh-pag...

GitHub

Dave Rupert 2d ago

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/

We launched our first Shopify theme - Nic Chan

This theme is the reason why I've disappeared from the internet for the past half a year.

Lorenz Kahl 2d ago

@jensimmons @westbrook @mozilla is it a known issue that Safari & Firefox Reader Mode ignore content rendered by Web Components in the Shadow DOM - even SSR‘ed content using DSD (iOS & Mac)

#WebComponents #DeclarativeShadowDOM #DSD #SSR

Benny Powers 🇮🇱🦁4d ago

Are you attending #devconf_cz? Join me at 12:30 for my talk Exploring new and Upcoming #WebComponents features

pretalx.devconf.info/devconf-cz-2025/talk/YAETPC/

Exploring new and upcoming Web Components features DevConf.CZ 2025

Web components are a widespread and proven technology for developing browser-native UIs. A number of new and upcoming features like import attributes, reference targets, and declarative custom elements make web components even more attractive as a part of your front end stack. In this talk we'll explore some of those new APIs from a web development, accessibility, and architectural perspective and see how they help your community, open source project, or organization improve performance and accessibility, reduce development time, avoid costly technical debt, and boost engineering talent. If you are a **developer**, **project manager**, or **technology recruiter**, this talk will inform you about the state of the art in front-end web technologies.

Egor Kloos 4d ago

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

Ricard Torres 4d ago

🆕 Frontend Coffee Break

Episode 45: Storybook, Web Components and Figma Tokens

This is an angular-free podcast but we do talk web components. Chucho and Ricard discuss Storybook, what to consider when thinking about using it. Are Figma tokens the future? Sources of truth are nice but are they worth it?

What's your experience with these tools?

Audio and video options:

➡️ https://frontend.coffee/s1/45

#Podcast #Frontend #StoryBook #Figma #WebComponents

Frontend Coffee Break - Podcast | Ep. #45: Storybook, Web Components and Figma Tokens

Frontend Coffee Break - Podcast

Show thread

Massimo Artizzu 🇺🇦🔱Jun 7

@stuffbreaker @angular To be fair, not necessarily: they could be *any* element targeted by a CSS selector. But of course, they've most commonly dash-case names.
I don't think it's a major concern, though, unless both CE and app components share the same prefix. It's just annoying that all the Angular language server hinting and autocompletion leave you in the dark if you tell it you use custom elements...
It's a shame because Angular actually works quite well with #webcomponents ...

Burton Smith Jun 6

@angular team, can you please fix the `CUSTOM_ELEMENTS_SCHEMA` for #WebComponents? It's really broken.

westbrook Jun 6

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

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

#webComponents #webDev #cssWG #hasSlotted #betterTheWeb #realUseCaseIWantedToUseToday

":has-slotted" | Can I use... Support tables for HTML5, CSS3, etc

"Can I use" provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.

Lars Laade Jun 6

I need an event or callback before disconnectedCallback in my web component. I have to call an unmount function from a widget (react?) before the node is removed from the DOM. Any ideas? I have no control when the removal happens.

#WebComponents #javascript