System tool UX: making maintenance software worth using
Utility software gets designed to be invisible, which is why people resent it. Linear, Vercel and MacPaw treat the maintenance layer as something a person actually sits through, and it shows.
Category: Design
Why your CSS saturate() filters look bad
Saturation is a correction tool, not a volume knob. How CSS saturate() actually paints, why the order you chain filters in changes the result, and the stacking context backdrop-filter quietly creates.
Using the CSS contrast() filter in WordPress themes
Notes on using the CSS contrast() filter in WordPress themes: how the RGB math works, why it beats a black overlay on hero images, a 125% hover fix for washed out product cards, and where filters get expensive.
CSS contrast-color(): let the browser pick readable text
The CSS contrast-color() function returns black or white text for whatever background color a user picks. How the syntax works, why the @supports fallback still matters, and the cases it does not cover.
Streaming UI stability: fixing scroll jumps and layout shifts
Streaming interfaces jump around and drag the scrollbar back to the bottom. What fixes it: tracking whether the user scrolled away, batching renders into the animation frame, and marking the container up as an ARIA log region.
Short-form blogging gets a native WordPress.com theme
WordPress.com’s new short-form blogging theme stores micro-posts as ordinary WordPress posts, so replies stay comments and reblogs keep their attribution. Here is what that buys you over renting space on a social platform.
Serving high-resolution desktop wallpapers without tanking LCP
Notes on serving high-resolution desktop wallpapers from WordPress without wrecking load times: what sub-size generation costs you, why lazy loading hurts a hero image, and where a CDN belongs.
Explicit measures in tabular models beat calculation groups
Calculation groups look tidy in the model, then rename every series in your legend to the same thing. Where explicit measures in tabular models hold up better, including the Excel PivotTable case that cost me three days.
Why production-ready prototyping keeps breaking sites
Recruiters now expect designers to ship production code out of AI agents. Here is what that costs in practice: toggles no screen reader can see, XSS holes in generated forms, duplicated code, and engineers spending more time per pull request cleaning up after it.
Handling UI state in CSS with a radio state machine
Most visual UI state does not need JavaScript. This is the radio state machine: radio inputs plus :has() and :checked driving toggles, panels and swatches in WordPress and WooCommerce, without breaking keyboard or screen reader access.