/
Published on 12.02.2026
TLDR: Project Wallace analyzed CSS across 100,000+ websites and found the median site ships 309 KB of CSS with 2,802 rules. New features like :has() and :where() show impressive adoption, but @supports and @layer remain criminally underused.
The CSS Selection - 2026 Edition
TLDR: A heart emoji caused Safari to spend 1,600ms per layout pass because Noto Color Emoji falls back to SVG rendering in WebKit, creating a 100x slowdown. The fix was one line: list "Apple Color Emoji" before "Noto Color Emoji" in your font stack.
TLDR: The Interop 2025 project brought browser pass rates from 29% to 97% across 19 focus areas. Safari made the largest jump, climbing from 43 to 99, and anchor positioning, view transitions, and the Navigation API are now interoperable across all browsers.
Interop 2025: A year of convergence
TLDR: Layout shifts happen because we surprise the browser with information it needed upfront. Four specific CSS and JavaScript techniques can eliminate jank by reserving space, orchestrating loads, and negotiating with the rendering engine.
TLDR: A new interactive guide walks through the entire browser pipeline, from URL to pixels, with live examples covering DNS resolution, TCP handshakes, HTML parsing, DOM construction, and the rendering pipeline.
TLDR: WCAG 3.0, now standing for "W3C Accessibility Guidelines," expands beyond web content to cover VR, mobile apps, and operating systems. It introduces tiered conformance levels and will not be finalized before 2028.
WCAG 3.0 overview and update 2026
TLDR: Adding keyboard shortcuts to web apps requires navigating a minefield of OS, browser, extension, and assistive technology key conflicts. A detailed support table for Home, End, Page Up, and Page Down reveals just how inconsistent the landscape really is.
How an accessibility designer adds keyboard shortcuts to a web app
TLDR: A proposed <meta name="text-scale" content="scale"> tag enables browsers to respect system font size settings on websites. Currently only works in Chrome Canary, and only scales text in relative units like rem and em.
A new meta tag for respecting text scaling on mobile
TLDR: A new polyfill brings the Safari-only HTML switch element to all browsers, using progressive enhancement from <input type="checkbox" switch> with full accessibility, internationalization, and high-contrast mode support.
A polyfill for the HTML switch element
TLDR: A new React library called LogoSoup uses the Proportional Image Normalization Formula to automatically size and balance logos in cloud layouts, handling aspect ratios, pixel density, padding detection, and optical alignment.
The logo soup problem (and how to solve it)
TLDR: Scott Tolinski and Wes Bos discuss their web platform wishlist, covering native multi-select/combobox components, date pickers, drag-and-drop that works, type annotations in JavaScript, and the question of whether Safari should move to Chromium.
What's Missing From the Web Platform? - Syntax #975
TLDR: The fourth installment of a DevTools series covers the Network tab, walking through request monitoring, response inspection, error debugging, caching, and filtering with practical examples.
A Guide to Browser DevTools - The Network Monitor
TLDR: The CSS property user-select: none provides a simple way to prevent text selection, useful for kiosk modes and interactive interfaces, but should never be used as a content protection measure.
How (and Why) to Stop Users from Selecting Text on Your Website
TLDR: Benchmarks across 199 test SVGs show that rendering time has a curious stepped progression, with files under 400 KB rendering in about the same time regardless of size. Above 1 MB, PNGs render faster than SVGs.
TLDR: Polypane 28 introduces project environments with color-coded indicators, significantly faster element inspection, CSS selector editing, and console.group support, all built on Chromium 146.