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.
I shipped a button that passed every automated audit and still could not be triggered with a screen reader. The cause was a role attribute I had added for styling, which is the exact thing the first rule of ARIA warns about.
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.
Version 0.2.0 of WordPress AI Experiments adds excerpt generation that authors can edit or reject, and an Abilities Explorer screen for testing every registered ability in the browser.
Notes from the Web Directions Dev Summit in Sydney, where the argument was that CSS scroll-driven animations make most JS scroll libraries pointless. Includes the CSS, and why prefers-reduced-motion is not optional.
Career debt is as real as technical debt. What an annual retrospective, a skills matrix and a translator-style horizontal role look like for a product designer heading into 2026, and why management is not the only way up.
Notes on the proposed CSS :drag pseudo-class and ::drag-image pseudo-element, and how they replace the dragstart and dragend listeners we currently use to style drag states in WordPress UIs.
Notes from cleaning up a music agency site that animated every SVG path on scroll: where CSS keyframes stop working, where GSAP path morphing earns its weight, and how to respect user motion preferences.
A client’s landing page felt dead and my first instinct was to import GSAP. Here is what I did instead: staggered CSS timings on a few SVG groups, transforms only, and a reduced-motion check.
A photography portfolio was sitting at a 6 second LCP on mobile and a 25KB masonry script was doing it. Native CSS masonry does the same job, with an @supports fallback to columns for the browsers that are not there yet.