Adding thousands of elements to the DOM at once drives up rendering and update costs. TanStack Virtual is a headless library that renders only the items needed for the current scroll position. This article covers virtualizing a list in React.

ARIA roles alone do not make a Tree View accessible. Learn to build a single-select Tree View in React with roving tabindex, arrow-key navigation, selection, and type-ahead, following the WAI-ARIA APG.

Chrome 151 introduces the `<usermedia>` element, a new HTML control designed to address limitations of `getUserMedia()`. This article explains the proposal and verifies its behavior with hands-on examples.

When you build with Web Components, name collisions happen if two libraries define custom elements with the same name. Scoped Custom Element Registries let you register different implementations under the same name in separate scopes on one page.

Generative AI chat UIs reveal answers a few characters at a time. Piping those updates into a live region makes screen readers read the response in fragments. I survey ChatGPT, Claude, and four chat UI libraries, then build an accessible sample.

`aria-actions` associates an element with separate interactive elements that provide actions for it. This article explains the problem it solves and demonstrates its use with secondary actions in an email list.

The Fetch API now includes textStream(), which reads response bodies as UTF-8 text. It replaces manually piping through TextDecoderStream with a single call. This article compares it with the previous approach.

OpenTelemetry lets you collect application logs in a vendor-neutral format and correlate them with traces. This article shows how to emit structured logs from a Hono backend with Pino and ship them to Loki and Tempo via the OpenTelemetry Collector.

Flue 2.0 replaces static agent definitions with Agent Hooks, a hook-based framework inspired by React. This article shows how to use Agent Hooks to manage state and lifecycle behavior and build dynamic, multi-step agents.

`focusgroup` is an HTML attribute that adds declarative arrow-key focus navigation to composite widgets such as toolbars and tablists. This article covers its single Tab stop, wrapping, focus memory, and related features available in Chrome 150.

CSS Grid Lanes is a layout method that packs items of differing heights into multiple lanes without gaps. Setting `display: grid-lanes` lets you build a Masonry layout without JavaScript. This article covers the basics of the syntax.

Canvas UI is a component library that uses the HTML-in-Canvas API to build creative interfaces with effects such as fluid simulations and shaders.