WordPress AI Experiments 0.2.0 adds an Abilities Explorer
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.
Tag: Accessibility
CSS scroll-driven animations instead of 50KB of JavaScript
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.
Product designer career paths that aren’t a management ladder
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.
The CSS :drag pseudo-class and the JavaScript it replaces
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.
Ambient animation implementation without the jank
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.
Ambient animations that don’t tank your LCP
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.
Native masonry layout in CSS, no JS library
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.
Designing for panic: emergency UX design in WordPress
A hanging WooCommerce checkout on Black Friday taught me that a nicer spinner does not calm anyone down. Notes on cognitive tunneling, single-tasking flows, transient locks against panic clicks, and what an emergency mode looks like.
Real-time dashboards that people can actually read
A fleet dashboard flashed so hard that a broken-down truck went unnoticed for twenty minutes. Faster polling made it worse. What helped: delta indicators, sparklines, skeleton screens, an honest last-sync label and ARIA live regions.
Cutting site bloat is also cutting carbon
Trimming a legacy site cut page weights by 80%, and the same work cut its energy use. Five steps: pick one journey, benchmark it, set a page weight target, strip the WordPress junk nobody needs, then keep checking.