A text vortex where every character animates on its own, built with CSS sibling-index(), sibling-count() and scroll-timeline. The only JavaScript left is the bit that splits the string into characters.
Conic gradients make a pie shape but leave screen readers with an empty box. This build keeps the data in the markup, places labels with cos() and sin(), and uses a few lines of JS for the slice offsets.
The contrast-color() function only works in Safari and Firefox so far, so dynamic text colors still need a workaround. Here is the OKLCH lightness trick I use in block themes and WooCommerce stores: one declaration, no JavaScript.
Smashing Magazine’s February 2026 wallpapers collection, with the designs worth grabbing and a developer’s notes on shipping high-resolution images: srcset, lazy loading, and the mistakes that turn a wallpaper gallery into a slow page.
A ReliCSS run sorts a stylesheet’s hacks into dead-browser fossils, fragile IE8 workarounds and leftover vendor prefixes. Here is how I read that output on WordPress sites, plus the case where :has() replaces the old checkbox hack.
Browser vendors are quiet but the community is not. Video state that survives navigation with view transitions, Kevin Powell’s cascade-layer trick for naming media queries, and native masonry landing as grid-lanes.
z-index is not a global ranking. It only orders elements inside whatever stacking context they sit in. The folder analogy, the CSS properties that quietly create a new context, and how isolation: isolate frees a trapped modal.
Chrome 144 added the ::search-text pseudo-element, which finally lets you style find-in-page highlights. Relative color syntax keeps matches readable on dark themes and saturated backgrounds.
Firefox Nightly has a flag for @custom-media, the at-rule that lets you alias a media query behind a name and reuse it. Notes on what it fixes, how Open Props packages ready-made queries, and how to write the syntax today with postcss-custom-media.
A honeycomb layout that keeps its geometry without floats, magic numbers or a JavaScript grid calculator. corner-shape handles the bevel, cos(30deg) sets the aspect ratio, and sibling-index() works out which rows need the half-item shift.