CSS55s read
Safari 27 Beta Adds Customizable select and Case-Sensitive Selectors
Safari 27 beta ships a customizable native `<select>` and the case-sensitive `s` selector modifier, killing two of the oldest CSS workarounds you maintain.
1 source
CSS
CSS Briefs
8 briefs— one-minute reads, curated for senior frontend engineers.
CSS50s read
Chrome 150 Ships text-fit: Headline Fitting Without JavaScript
Chrome 150 stable ships text-fit, which fits text to its container width in pure CSS and lets you drop FitText-style measurement JavaScript, though the spec stays a W3C draft with no Baseline support yet.
1 source
CSS45s read
:open Pseudo-Class Reaches Baseline, Styling Open Dialogs and Details Without JS
The :open pseudo-class is now supported in every major browser, letting you style open states of <dialog>, <details>, and <select> without JavaScript or custom attribute toggling.
2 sources
CSS55s read
styled-components 7.0 Alpha: CSS Custom Properties on React Native, New Parser, Native Animations
The v7 alpha rewrites the CSS parser, brings CSS custom properties and media queries to React Native, and adds a built-in animation adapter. No Reanimated required.
2 sources
CSS50s read
CSS Scroll-Driven Animations Are Now Baseline, No JS Required
Scroll-driven animations achieved Baseline status in 2026, meaning they're available in all major browsers. Parallax, scroll-triggered reveals, and progress-linked animations now work with pure CSS, no JavaScript, no IntersectionObserver, no animation libraries.
1 source
CSS50s read
Chrome 149 Ships CSS Gap Decorations, Style the Space Between Grid Items
CSS Gap Decorations let you draw rules and borders in the gaps between Grid, Flexbox, and multi-column items. `column-rule` and `row-rule` now work with inset, visibility, and color properties, replacing hacky background tricks.
1 source
CSS60s read
Chrome 147 Ships border-shape and Element-Scoped View Transitions
Two long-awaited CSS features landed in Chrome 147: border-shape for non-rectangular element borders, and element-scoped view transitions that animate individual components without full-page transitions. Here's how they work and what they replace.
1 source
CSS50s read
CSS Anchor Positioning Lands in All Major Browsers
Position tooltips, popovers, and dropdowns relative to any anchor element , without a single line of JavaScript. Native anchor positioning replaces a decade of third-party positioning libraries.
1 source