Introducing masonry-gridlanes-wc: a native-first masonry web component
A web component with native CSS masonry support and a JavaScript fallback.
Web Components news
-
-
Modern CSS feature support for shadow DOM
Tracking CSS feature parity across the shadow DOM boundary.
-
Progressive web components
An HTML-and-CSS-first library for building web components that hydrate with JS.
-
Under the hood of MDN’s new frontend
Web components, Lit, and server-side rendering replace the old React SPA.
-
Form-associated custom elements in practice
Retrofitting AgnosticUI with ElementInternals and form validation.
-
Reference Target: having your encapsulation and eating it too
New proposal lets shadow DOM internals be referenced via the host without breaking encapsulation.
-
How to dynamically install custom elements
Auto-import only the elements you actually use, and keep upgrades working after DOM changes.
-
Writing custom elements with lit-html
Light DOM components, plus signals-based state, without committing to full Lit.
-
A production-ready web component starter template
Skip boilerplate with scaffolded tests, CI, and secure npm publishing.
-
Performance monitoring for web components
Using the User Timing API to track real-world component performance
-
Testing HTML Light DOM web components is easier than expected
How Light DOM, Lit, and Testing Library made a legacy app’s web components testable.
-
<color‑input>, a modern color picker web componentAdvanced color picker supports wide-gamut and multiple color spaces.