Reference Target: и волки сыты, и инкапсуляция цела. Элис Боксхолл представляет новое предложение, которое позволяет элементам в shadow DOM становиться целями, когда ссылаются на хоста, при этом сохраняя инкапсуляцию. В спецификациях есть пул-реквесты, а в браузерах реализации: в Chromium самая полная за флагом, а в WebKit и Firefox ранние прототипы. #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/

Platform-provided Behavior Mixins you say?!? 😲

https://github.com/MicrosoftEdge/MSEdgeExplainers/blob/main/PlatformProvidedMixins/explainer.md

What do you think? 👂

#webDev #webComponents #webComponentsCG #developingDesignSystems #w3c

The combination of Custom Element Slots, the Popover API, and CSS Anchor Positioning enables complex navigation menus, with the browser doing most of the lifting.

#css #webcomponents

https://codepen.io/dutchcelt/project/editor/AMGWnp

Learn TEI Publisher - Session 2 of 3

https://friprogramvarusyndikatet.tv/w/63eRmyvmh48kcn4reJSqNt

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

RE: https://fosstodon.org/@mainmatter/116017415891955006

We’re seeing more and more teams adopt multi-framework architectures with #emberjs, #react, #svelte, #vuejs, or #webcomponents mixed together in one big system. @nickschot wrote about some learnings from a recent project in which @mainmatter helped a client integrate Ember.js and React.

Performance-Optimized Video Embeds with Zero JavaScript

https://fed.brid.gy/r/https://frontendmasters.com/blog/performance-optimized-video-embeds-with-zero-javascript/

Как динамически устанавливать кастомные элементы. Хейдон Пикеринг предлагает соглашение об именах, хелперы define() и скрипт install(), который ищет :not(:defined), убирает дубликаты и импортирует только реально используемые элементы. Для зависимых компонентов есть событие ready, а для добавлений после загрузки подходит MutationObserver. #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/

The Missing Link for Web Components, by @kinoauge (@frontendmasters.com):

https://frontendmasters.com/blog/the-missing-link-for-web-components/

#webcomponents #typescript #json #mcp #ai #tooling

#Development #Approaches
Anti-frameworkism · When to choose native web APIs over frameworks https://ilo.im/169luf

_____
#JavaScript #Frameworks #React #AI #WebComponents #SSR #APIs #Browsers #WebDev #Frontend

I've been having fun with improving this FOUC solution for #WebComponents. Thank you, everyone, for the feedback!

I've improved upon it.

That resonates with me #fosdem #webcomponents

I built a data grid with web components – here's what I learned. #webComponents

https://dev.to/oysteinamundsen/i-built-a-data-grid-with-web-components-heres-what-i-learned-5bfc?utm_source=flipboard&utm_medium=activitypub

Posted into THE FULCRUM: CODING FOR DEMOCRACY AND THE OMN @the-fulcrum-coding-for-democracy-and-the-omn-mobileatom

I've been trying to think of a way to reduce the flash of unstyled content (FOUC) when using #WebComponents, with something I could add to my #CSS reset that doesn't require #JavaScript.

Here's what I came up with:

And its Friday again! So lets talk about Nodes and HTML? No code today, just talking about the limits of a page and how far back we are.

https://jeferson.me/blog/2026/01/29/this-is-too-much/

#Android #Bloat #Browsers #DnD #DOM #Hardware #Linux #OpenSource #Optimization #Performance #SelfHosting #TTRPG #WebComponents #Web

Wrapping Mermaid Diagrams in a Web Component

https://blog.lmorchard.com/2026/01/28/mermaid-web-component/

TL;DR: I've been wanting to add diagram support to my blog posts for a while now. I saw beautiful-mermaid on Hacker News and thought it was neato. But, I felt super lazy, so I tasked Claude Code with wrapping it in a web component.

#webdev #javascript #webcomponents #mermaid #esbuild

feedspool-go v0.2.0: Smooth Scrolling and Quiet Feeds

https://blog.lmorchard.com/2026/01/26/feedspool-go-v0-2-0/

TL;DR: Released v0.2.0 of feedspool-go, my static-site RSS reader. Added features to keep infrequent feeds from vanishing and an over-engineered web component lazy-loading system that progressively loads content as you scroll.

#feedspool #golang #rss #webdev #javascript #webcomponents #indieweb

Как писать кастомные элементы с lit-html. Дэйв Саманьего объясняет, почему выбирает lit-html вместо полного Lit, включая размер, light DOM без shadow DOM и более простые импорты. Он показывает stateless обёртку <textarea> со статус-баром и stateful Покемон-карточки с сигналами, перемешиванием, Intersection Observer и навигацией с клавиатуры. #webcomponents #lit

https://frontendmasters.com/blog/custom-elements-with-lit-html/