Published on 25.03.2026
TLDR: A comprehensive audit reveals that roughly 322 kB of common JavaScript UI libraries can now be replaced by native CSS and HTML features. Anchor positioning, the Popover API, scroll-driven animations, view transitions, customizable selects, and more are shipping or nearly shipping across browsers.
TLDR: TypeScript 6.0 is the bridge release before the native Go-based TypeScript 7.0. It changes major defaults like strict mode being on by default, deprecates ES5 and AMD targets, and introduces a stable type ordering flag to prepare for parallel type checking.
TLDR: Safari 26.4 ships 44 features and 191 fixes, headlined by CSS Grid Lanes for masonry layouts, WebTransport for low-latency communication, and the Keyboard Lock API. The release focuses heavily on spec compliance and bug fixes rather than flashy new features.
WebKit Features for Safari 26.4
TLDR: A developer used Claude Code to plan and execute a seven-phase CSS refactoring, using Playwright screenshots compared by AI to catch visual regressions. The technique caught a subtle line-height change that would have been missed by manual review.
CSS Refactoring with an AI Safety Net
TLDR: The CSS light-dark() function is being extended to accept image values, not just colors. Firefox 150 ships it in April, Chromium has it behind a flag, and Safari has no support yet.
More Easy Light-Dark Mode Switching: light-dark() is about to support images!
TLDR: Josh Comeau reveals how his blog's header appears to change background color as you scroll, using sticky "blocker" elements color-matched to each section rather than any JavaScript scroll detection.
TLDR: A two-layer color system using primitive tokens for palette values and semantic tokens for usage context solves the maintenance problems that either approach alone creates.
The Color System I Wish I Understood Sooner
TLDR: The new CSS corner-shape property combined with scroll-driven animations creates dynamic viewport-level shape effects. The superellipse() function makes corner shapes animatable, enabling notch-to-square transitions tied to scroll position.
Experimenting With Scroll-Driven corner-shape Animations
TLDR: Firefox 149 introduces Split View, letting you place two tabs side by side in the same window. Right-click a tab and choose Add Split View to compare, reference, or work across two pages simultaneously.
TLDR: Using the :target pseudo-class with a carefully positioned pseudo-element, you can highlight linked footnotes with a fading squircle animation, all in pure CSS with no JavaScript.
TLDR: Elena is a 2.6 kB library for building Progressive Web Components that render HTML and CSS first, then hydrate with JavaScript. It targets design system teams who need cross-framework portability without the typical web component pain points.
TLDR: SVG favicons can use embedded CSS with prefers-color-scheme media queries to adapt to light and dark mode, but Safari currently ignores the media queries while Chrome requires a refresh to update.
SVG favicons that respect theme preference
TLDR: A new bookmarklet from A11y Tools lets you visualize page structure by selectively highlighting semantic HTML elements, with the ability to add custom CSS selectors and persist your preferences across sessions.
New bookmarklet – Structure Revealer
TLDR: Expo UI SDK 55 brings Jetpack Compose support to beta with enough Material Design 3 components to build complete apps, and aligns SwiftUI APIs with Apple's conventions so native framework knowledge transfers directly.
Expo UI in SDK 55: Jetpack Compose now available for React Native apps
TLDR: A detailed tutorial on creating a fluid X-ray reveal effect using Three.js with TSL and WebGPU, combining a ping-pong fluid simulation, instanced dual scenes, and a multi-pass post-processing pipeline.