Container queries have officially hit baseline support across every major browser. This deep dive covers everything from basic syntax to advanced techniques like style queries, container units, and the new @container scoped naming patterns that have emerged from the community.
The relational pseudo-class :has() has been called "the parent selector we've always wanted." Now that it's officially baseline, MDN walks through the patterns it enables: form validation styling, smart card layouts, and conditional sibling targeting that previously required JavaScript.
The View Transitions API is no longer experimental — it shipped with Chrome 124 and Safari 18. This Chrome team walkthrough builds a complete photo gallery app with morphing transitions, covering both same-document and cross-document patterns, plus performance considerations for production.
Despite all the modern tooling, the median JavaScript payload has grown 12% year-over-year. Addy Osmani breaks down the hidden cost of "free" features: polyfills you don't need, duplicate dependencies, framework runtime overhead, and the seductive trap of adding "just one more" utility library.
Josh's signature interactive style returns to demystify subgrid. With editable demos, side-by-side comparisons of grid vs subgrid behavior, and real-world layout patterns, this is the comprehensive resource the spec needed. Includes a downloadable cheatsheet.
After a decade of client-side rendering dominance, we're watching the pendulum swing back. From React Server Components to Astro's island architecture to good old PHP, the web is rediscovering that sending HTML over the wire is often the right answer. A measured look at why.
This month's featured collection showcases nine creators who are pushing SVG into wild territory — from CSS-only fractal generators to interactive Lissajous wave players. Each pen includes a "remix" link so you can fork and customize the patterns for your own projects.
This week: notes from the latest TC39 meeting (decorators are advancing, Records & Tuples are not), the WebAssembly GC proposal hits Stage 4, a deep dive on the new Iterator Helpers, and a curated list of seven open-source releases worth your attention.
Forget the headlines — Stefan digs up the quieter additions: scrollbar-gutter, field-sizing, the new :host-context(), and a use case for text-wrap: pretty that finally makes sense. Each tip comes with a CodePen demo you can fork.
Andy Bell makes the case for fewer tokens, smarter naming, and using custom properties as a system rather than as variables. Includes a working example design system built from just 24 root tokens and the composition patterns that scale them to entire products.
Bramus' monthly roundup of CSS news, specs, and browser updates. This month: anchor positioning hits Safari, the @starting-style rule lands universally, and a heads-up about the deprecation of ::-webkit-scrollbar in favor of the new scrollbar properties.
An honest retrospective on Kent's evolved relationship with React's most misused hook. Walks through five common useEffect patterns and the better primitives that have emerged: derived state, event handlers, server components, and the new use() hook for async data.