Scroll-driven corner-shape animations in Chrome 139+
The CSS corner-shape property paired with a scroll timeline, using superellipse() exponents instead of keywords, plus the isolation fix for mix-blend-mode breaking your stacking context.
Tag: Block Styles
textIndent block support lands in WordPress 7.0
WordPress 7.0 gives paragraphs native indentation with no custom CSS. How to opt a custom block in from block.json, choose between the subsequent and all selectors, and set the default in theme.json.
A WordPress website design service beats a DIY build
Scott Wilson came out of a liver transplant with an organ donation campaign to run, not time to debug a slider. Why he had his site built for him instead of assembling it himself.
Modal vs separate page UX, and how to choose
Modals are interruptive by design. Four checks for deciding between a modal, a side drawer and a dedicated page, plus the tasks each one is actually good for.
WordPress 7.0 roadmap: what beta 5 and RC1 actually change
Beta 5 is out and RC1 ships tomorrow, so the WordPress 7.0 feature set is settled. Notes on pattern overrides reaching custom blocks, viewport controls landing in core, and why per-block custom CSS worries me.
Generate a WordPress theme with Telex, then fix the gaps
Telex is Automattic’s experimental tool for generating block themes from a prompt. What the output actually contains, the templates you have to ask for, and why I test every generated ZIP in Playground first.
Block visibility in WordPress 7.0 hides with CSS, not the DOM
WordPress 7.0 can hide a block per viewport, but the block still renders and its assets still download. Notes on the new metadata shape and the server-side check I use to handle both formats.
Custom CSS for individual block instances in WordPress 7.0
WordPress 7.0 lets you write CSS on a single block instance from the inspector. Here is how the hash-based scoped class is generated, where the rule is stored in the block markup, and how to opt a block out in block.json.
Styling a native select with the Customizable Select API
Chromium made the native select element styleable. This walks through appearance: base-select, the ::picker pseudo-element, sibling-index() for per-option maths, and the anchor positioning that makes a radial picker possible, without giving up keyboard support.
Tailwind CSS layouts: keep the grid in your markup
Four reasons I build layouts with Tailwind utilities instead of named CSS classes: the structure stays readable, one-off grids never need a name, and a context change is a class edit rather than a modifier.