#WebComponents
LightNews LightNews
detlefburkhardt.bsky.social
r6d19: Time to shift focus! Beyond #Codeberg love, now diving into #rust #graphql #webcomponents & leaving #BigTech with #notrump.

Looking for "Tour of Rust" (like y.lab.nrw/gotr for Go) – does it exist? Should we build it? Or maybe #JupyterNotebook with Rust? 🤔

#100DaysOfCode

🇩🇪 y.lab.nrw/r6d19 🐘
A Tour of Go
y.lab.nrw
January 18, 2026 at 11:39 PM
johnfmorton.bsky.social
Just shipped v1.0.4 of Progressive Share Button 🚀 A zero-dependency Web Component for native OS share buttons via Web Share API.

Demo: johnfmorton.github.io/progressive-share-button/
NPM: npmjs.com/package/progressive-share-button

#webdev #javascript #webcomponents
Progressive Share Button - Demo Page
johnfmorton.github.io
January 17, 2026 at 1:24 PM
hayleigh.dev
i'm speaking at fosdem in a couple of weeks time in the browser's room, talking about lustre and how it builds on #webcomponents rather than fights them.

are there things folks would be interested in hearing about? compared to most other frameworks i think we have quite a different opinion
January 14, 2026 at 11:00 AM
web-standards.dev
A production-ready web component starter template. @aaron-gustafson.com presents a setup wizard, Vitest testing, GitHub Actions CI, and secure npm publishing, so you can focus on your component, not a boilerplate. #webcomponents #js #tools

www.aaron-gustafson.com/notebook/a-w...
Graphic with headline “A Production-Ready Web Component Starter Template”, accompanied by code snippets and tags reading “developer tools”, “open source”, and “web components”.
January 13, 2026 at 11:14 AM
sirpepe.bsky.social
Habe ein Video-Tutorial zu Web Components aufgenommen! Alle Beteiligten (außer mir natürlich) haben sehr darunter gelitten, dass ich wirklich KEIN Detail ausgelassen habe, aber: Halbe Sachen gibt’s bei dem Thema nun mal nicht 🤓

👉 entwickler.de/tutorials/we...

#webcomponents #webdev
Web Components von 0 auf 100 | Tutorial mit 5 Lektionen
In diesem Tutorial erhältst du von Peter Kröner Schritt-für-Schritt einen Überblick über die Fähigkeiten und Limitierungen von Web Components.
entwickler.de
January 12, 2026 at 10:04 AM
stuffbreaker.bsky.social
The #WebComponents Toolkit JSX type generator has some exciting updates!

1. Strongly typed events (strongly types the `event.target`)
2. SolidJS type support

#TypeScript #JavaScript #HTML
wc-toolkit.com/integrations...
JSX Types Generator
Generate JSX types for custom elements / web components
wc-toolkit.com
January 6, 2026 at 2:34 PM
frontenddogma.com
How to Dynamically Install Custom Elements, by @[email protected]:

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

#howtos #webcomponents #naming #javascript
How To Dynamically Install Custom Elements
A reusable pattern for custom elements installation
heydonworks.com
January 2, 2026 at 7:30 PM
stuffbreaker.bsky.social
Happy New Year! The #WebComponents @react.dev wrappers have joined the WC Toolkit and have some nice upgrades, including:

- Strongly typed events
- CSS variable types for components
- Component and tag name formatting
wc-toolkit.com/integrations...
React Wrappers
Generate react wrappers for your custom elements / web components
wc-toolkit.com
January 1, 2026 at 8:50 PM
jauntywk.bsky.social
Built a ridiculous crappy guestbook. Because why not, I guess?

Pretty much vibe coded from my phone on the exe.dev box's builtin "Shelley" web agent. Auto https via exe.dev magic! Pretty solid experience!! ~90 min. Preact, WebComponents.
nan-falcon.exe.xyz
Ridiculous silly guestbook website.
December 25, 2025 at 9:57 AM
5t3ph.bsky.social
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

adobe.design/jobs/job-pos...
Design Engineer, Spectrum Web
Join us and help build the next generation of our world-famous tools.
adobe.design
December 23, 2025 at 5:28 PM
stuffbreaker.bsky.social
Happy holidays! I thought I would sneak in a little gift for everyone with the #WebComponents Language Server for @zed.dev! Enjoy!

wc-toolkit.com/integrations...
Web Components Language Server - Zed
Editor support for web components / custom elements
wc-toolkit.com
December 23, 2025 at 2:34 PM
luisllamas.bsky.social
Toca actualización navideña de las traducciones de la web.

1800 artículos lanzados en batches de 100.

Traducción con deepseek, y luego un proceso para arreglar los links, las imágenes y los webcomponents.

Cuesta como dos horas, y 1.4€ ¡Y luego revisarlos a mano !
December 20, 2025 at 11:34 AM
davatron5000.bsky.social
A video editor in the browser? Nice. And it's made of #webcomponents!? NOICE!

en.masher.media/index.html

/via @unapologetic.io
Media Masher
Open source, browser-based video editor and encoding API
en.masher.media
December 17, 2025 at 10:22 PM
michaelwarren.dev
how about a blog article talking about class inheritance as a super power of #webcomponents? potentially interesting?
December 17, 2025 at 12:09 AM
stuffbreaker.bsky.social
Web Components Language Server for Neovim!

✨ Zero-config LSP support for custom elements
🧠 Smart completions & diagnostics
♻️ Auto-restart on config changes
🔧 Works with HTML, Astro, Vue, Svelte, JSX & more

Try it out! 👇
wc-toolkit.com/integrations...

#Neovim #WebComponents #DevTools
Web Components Language Server - Neovim
Editor support for web components / custom elements
wc-toolkit.com
December 16, 2025 at 1:23 PM
stuffbreaker.bsky.social
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
December 2, 2025 at 11:11 PM
sirpepe.bsky.social
Ugh, Chrome does apparently not support :host(:has())

github.com/w3c/csswg-dr...

#css #webcomponents
[selectors][css-scoping] Should :host(:has()) match? · Issue #11859 · w3c/csswg-drafts
The group recently resolved to allow :host:has() per #10693 (comment). This allows an author to select the host element if it has a descendent in the shadow DOM matching a provided relative selecto...
github.com
December 2, 2025 at 8:15 AM
webdevs.firefox.com
We have Custom Elements, but do we also need Custom Attributes?

This was discussed at TPAC. Is it something you'd like on the platform?

https://github.com/WICG/webcomponents/issues/1029
December 1, 2025 at 2:29 PM
elfsternberg.bsky.social
Do your Lit-Element web components care about media queries? Does it have to know if the user prefers-reduced-animation? Now you can with just a decorator:

```
@mediaQuery("(prefers-reduced-motion: reduce)")
public prefersReducedMotion = false;
```
#webcomponents

github.com/goauthentik/...
github.com
December 1, 2025 at 10:42 PM
sirpepe.bsky.social
Apparently not ._.

This looks like the constant that defines where #Vite looks for assets in HTML: github.com/vitejs/vite/...

Can't find any way to extend this, so probably nobody who uses #webcomponents or made-up attributes has ever tried Vite? Well, time to find a palatable workaround...
github.com
November 26, 2025 at 7:41 AM
michaelwarren.dev
Back at it again with @kevinpowell.co in the second of two videos on #webcomponents! this time, he and I walk through how to create your own simple component from scratch

m.youtube.com/watch?v=b_x3...

Another big thanks to Kevin for inviting me on his channel. I had a blast!
How to create a web component
YouTube video by Kevin Powell
m.youtube.com
November 24, 2025 at 7:22 PM
wbrowar.com
Quick update to Admin Bar Component (1.3.2) that fixes a bug where using a custom font family wasn't working everywhere. I'm not saying you should do this, but now you can set `--admin-bar-font-stack: inherit;` to pick up any system or custom font, like this Google Font. 🙈

#WebComponents #CSS
Screenshot of Admin Bar Component using a Google Font inherited from the `<admin-bar>` element. A screenshot showing the default font stack, `system-ui, sans-serif` as rendered on Safari on macOS.
March 17, 2025 at 9:59 PM
yonatankra.com
99 followers!
Who's going to be the lucky 1000?
I'll mostly post about #scifi, #fantasy, #javascript, #testing, #webcomponents, #gaming, and the occasional personal achievement ;)
November 21, 2024 at 9:12 PM
stuffbreaker.bsky.social
I have a couple of big things planned this year. The first is to move all of my open-source #webcomponents tools under one banner to make them more official and easier to find. Today I am excited to release the Web Components Toolkit!

wc-toolkit.com
Web Components Toolkit
Tools for building your next web component library.
wc-toolkit.com
February 11, 2025 at 1:13 PM
sirpepe.bsky.social
I think I dislike everything about custom events in #webcomponents:

Subclassing Event: too much boilerplate. Dispatching Object.assign(new Event("name"), extraData): shorter but looks gross and (if you care about TS) does not get you a type to export or merge into the relevant global interfaces.
December 12, 2024 at 9:33 AM