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

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!

https://github.com/JRJurman/scrollable-cards

#WebDev #WebComponents #CSS

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!

https://resume.oit.cloud

#FediHire #fedihired