Reference Target: having your encapsulation and eating it too. @sundress introduces the new proposal that lets elements in shadow DOM become targets when a shadow host is referenced, while keeping encapsulation. There are open specs PRs and experimental implementations: Chromium’s one is the most complete, and WebKit and Firefox have early prototypes. #webcomponents #a11y

https://blogs.igalia.com/alice/reference-target-having-your-encapsulation-and-eating-it-too/

Reference Target: having your encapsulation and eating it too. @sundress introduces the new proposal that lets elements in shadow DOM become targets when a shadow host is referenced, while keeping encapsulation. There are open specs PRs and experimental implementations: Chromium’s one is the most complete, and WebKit and Firefox have early prototypes. #webcomponents #a11y

https://blogs.igalia.com/alice/reference-target-having-your-encapsulation-and-eating-it-too/

Okay #frontend folks:

I wrote UIs before React. I leaned into React hard early on, because it matched my mental model for UIs. I don't want to do React anymore.

**In your opinion what's the next best direction for building UIs?**

My goal is to simplify the process of writing and managing accessible interactive components with as little overhead as possible.

Boosts and wildly unpopular opinions welcome.

#react #vue #preact #webcomponents #svelte

How to dynamically install custom elements. @heydon shows a naming convention, a tiny define() helper, and an install() script that scans :not(:defined), dedupes matches, and dynamically imports only what is used. For dependent components, it can fire a ready event or use a MutationObserver for elements added later. #js #webcomponents

https://heydonworks.com/article/dynamically-loading-custom-elements/

How to dynamically install custom elements. @heydon shows a naming convention, a tiny define() helper, and an install() script that scans :not(:defined), dedupes matches, and dynamically imports only what is used. For dependent components, it can fire a ready event or use a MutationObserver for elements added later. #js #webcomponents

https://heydonworks.com/article/dynamically-loading-custom-elements/

Oh hey, come work with me!

We're seeking an earlier-career front-end dev who is able to work in-office (multiple US locations).

Check it out if you have interest and experience in: #designsystems #CSS #a11y #webcomponents

https://adobe.design/jobs/job-posts/prototyping-and-engineering/r163198-design-engineer

Oh hey, come work with me!

We're seeking an earlier-career front-end dev who is able to work in-office (multiple US locations).

Check it out if you have interest and experience in: #designsystems #CSS #a11y #webcomponents

https://adobe.design/jobs/job-posts/prototyping-and-engineering/r163198-design-engineer

I'm hiring a design engineer for the Spectrum Web team at Adobe. This is an awesome opportunity for earlier-career front-end folks or those who are newer to the industry and are interested in design systems, open source, HTML, CSS, JS, accessibility, and web standards.

This role is based in the US, and will require being in-office. https://adobe.design/jobs/job-posts/prototyping-and-engineering/r163198-design-engineer

#getfedihired #job #webcomponents

A video editor in the browser? Nice. And it's made of #webcomponents!? NOICE!

https://en.masher.media/index.html

/via @alex

A video editor in the browser? Nice. And it's made of #webcomponents!? NOICE!

https://en.masher.media/index.html

/via @alex

I'm hiring a design engineer for the Spectrum Web team at Adobe. This is an awesome opportunity for earlier-career front-end folks or those who are newer to the industry and are interested in design systems, open source, HTML, CSS, JS, accessibility, and web standards.

This role is based in the US, and will require being in-office. https://adobe.design/jobs/job-posts/prototyping-and-engineering/r163198-design-engineer

#getfedihired #job #webcomponents

Hmmm... I may be rethinking my strategy with the #WebComponents Language Server. Writing it in Node requires it to be installed to use it or any of the extensions. That's kind of annoying for our #dotnet, #php, #java, #golang, #rust, and #ruby friends

„URLPattern is widely available now, and so of course I need to try to make a web component SPA router.

Should web components handle SPA routing? Maybe not, but it's an interesting exercise.“

@oldcoyote writes about URLPattern in #Javascript #WebComponents
https://jschof.dev/posts/2025/11/build-your-own-router/

„URLPattern is widely available now, and so of course I need to try to make a web component SPA router.

Should web components handle SPA routing? Maybe not, but it's an interesting exercise.“

@oldcoyote writes about URLPattern in #Javascript #WebComponents
https://jschof.dev/posts/2025/11/build-your-own-router/

Did you know that @chromium recently did some work to ensure that `document.importNode` and `Node.cloneNode` delivered a similar performance profile? They did!

That means that #frameworks built to be compatible with the web can leverage `document.importNode()` for templated content with custom elements which will get optimistically updated. Win, win.

Seems like something that @mdn would benefit in sharing with the world, right?

https://github.com/mdn/content/pull/41441

#webDev #performance #webComponents

Did you know that @chromium recently did some work to ensure that `document.importNode` and `Node.cloneNode` delivered a similar performance profile? They did!

That means that #frameworks built to be compatible with the web can leverage `document.importNode()` for templated content with custom elements which will get optimistically updated. Win, win.

Seems like something that @mdn would benefit in sharing with the world, right?

https://github.com/mdn/content/pull/41441

#webDev #performance #webComponents

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

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