// writing
Posts tagged #web-apis — Page 3
A mix of technical deep-dives, career reflections, and dispatches from the road.
tag: #web-apis

developmentJul 5, 2026· 4 min
CSS Grid Lanes: Native Masonry Has Finally Landed
Masonry layout is coming to CSS as grid-lanes, and Safari shipped it first. Here's how the new display value works, why it beats the JavaScript libraries, and what it fixes for keyboard users.
read more →

developmentJul 2, 2026· 4 min
Invoker Commands: Wiring Buttons to Dialogs and Popovers Without JavaScript
The Invoker Commands API lets a button declare what it controls with command and commandfor, replacing modal and popover glue code with plain HTML.
read more →

developmentJul 2, 2026· 4 min
CSS field-sizing: Auto-Growing Textareas Without a Line of JavaScript
The auto-growing textarea has been a JavaScript rite of passage for years. A single CSS declaration now does the whole job, and it works on inputs and selects too.
read more →

developmentJun 29, 2026· 4 min
The Navigation API: Stop Wrestling with history.pushState
The Navigation API hit Baseline in early 2026, giving SPAs a single, purpose-built place to intercept and manage routing. Here's why it finally replaces the History API.
read more →

developmentJun 28, 2026· 4 min
scheduler.yield(): The One-Liner That Fixes Your INP
A practical look at scheduler.yield(), the browser API that breaks up long tasks and keeps the main thread responsive without the setTimeout penalty.
read more →

developmentJun 21, 2026· 4 min
CSS @scope: Component-Scoped Styles Are Now Native
CSS @scope reached full browser support in December 2025 — here's how to use it to write component-scoped styles without CSS Modules, BEM, or a build step.
read more →

developmentJun 15, 2026· 4 min
CSS @starting-style: Animate Elements as They Enter the DOM
The @starting-style rule gives CSS transitions a starting point when elements first appear, enabling smooth entry animations from display:none or fresh DOM insertion — no JavaScript required.
read more →

developmentJun 14, 2026· 4 min
CSS User Preference Media Queries: Build Accessible Experiences Without JavaScript
A practical guide to prefers-reduced-motion, prefers-color-scheme, prefers-contrast, and forced-colors — the CSS media queries that respect user accessibility settings with zero JavaScript.
read more →

developmentJun 6, 2026· 3 min
CSS ::search-text: Style the Browser's Find-in-Page Highlights
The new ::search-text pseudo-element lets you style the highlights from Ctrl+F find-in-page, so they finally match your site instead of clashing with it.
read more →
// the newsletter