Styling the ::search-text pseudo-element in Chrome 144
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.
Tag: Block Styles
CSS custom-media: name your media queries once
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.
Testing WordPress 7.0’s customizable navigation overlays
WordPress 7.0 turns the mobile menu overlay into a block-based template part, so a logo or a button goes in without CSS overrides. Here is what to test, plus the open argument about where the markup belongs in the HTML.
The 12 WordPress themes people actually use in 2026
Twelve WordPress themes ranked by actual WordPress.com usage share in 2026, with notes on block architecture and performance, plus the enqueue trick that keeps block CSS off pages that do not need it.
Gutenberg 22.4: pattern overrides and the font library
Gutenberg 22.4 merged 402 pull requests. The ones worth your time: pattern overrides for any block attribute that supports block bindings, and font library access for classic and hybrid themes.
A responsive hexagon grid without the CSS hacks
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.
A block theme development workflow with Playground and GitHub
Site Editor changes live in the database, not in your theme files. This is the setup I use to pull those visual edits back into version control: WordPress Playground, the Create Block Theme plugin and a GitHub repo as the source of truth.
Design intent: why pixel perfect layouts keep breaking
Matching a 1440px Figma file coordinate for coordinate produces CSS full of magic numbers that breaks on the first foldable phone or bumped font size. What to agree on with designers instead: tokens, fluid units, and rules about behavior.
Web Almanac 2025: better CSS, worse accessibility
The 2025 Web Almanac covers 17.2 million sites. Variable fonts and text-wrap are finally common, but median mobile page weight is up 202.8% since 2015 and two thirds of sites strip their focus outlines.
The WordPress code block finally highlights syntax natively
The code block was a glorified textarea until WordPress.com rebuilt it. Native highlighting for over 100 languages, copy buttons and line numbers in the sidebar, and syntax token colors you can set from theme.json instead of loading Prism.js on every page.