A bespoke furniture shop was A/B testing gray buttons against other gray buttons. The fix was per-page color palettes injected from post meta into CSS variables, so the products set the tone instead of the theme.
A SaaS team had Storybook, Figma tokens and a dedicated Slack channel, and still shipped one-off CSS for every feature. Strict linting made it worse. A contribution bridge is what finally moved them.
Our WooCommerce configurator passed the automated audits and still stopped a screen reader user at step one. Accessible UX research, and Michele A. Williams’ new book on it, is what got us out of the patch-and-move-on habit.
A client’s WooCommerce site shipped a JavaScript bundle whose main job was resizing a textarea. field-sizing does it in one line. Here are the modern CSS features that are baseline now, and the code they let you delete.
CSS still has no :nth-letter selector, so letter-by-letter text effects mean splitting a header into spans, which screen readers then read out one letter at a time. Here is the ARIA markup and the PHP helper that avoid that.
A client kept flagging link underlines that ran a couple of pixels past the letters. The CSS property text-decoration-inset clips them without pseudo-element hacks, and it animates on hover. Firefox only for now.
A client with 15,000 archived articles lost hours a week to slow front-end search. The fix was the REST API plus the _fields parameter, queried from a local tool rather than a browser tab.
A client’s organic traffic fell off a cliff and nothing on their site was broken. Google had started answering the queries itself. Here is what I checked, and where the real work sits in a WordPress build.
A WooCommerce site was choking on jQuery and Intersection Observers just to run a hover gallery and a filter menu. CSS Wrapped 2025 covers the native features that made most of that script unnecessary.
I once wrote 60 lines of ResizeObserver JavaScript so one hero headline would fill its container. Chrome Canary is prototyping text-grow and text-shrink, which do the same job in CSS, with one accessibility catch.