Fixing Stiff UI: Natural SVG Animations the Easy Way
A few months ago, a client came to me with a high-end WooCommerce build. They wanted “personality.” Specifically, they wanted the UI to feel alive—nothing…
Tag: Block Styles
Recreating Toon Text Typography with Modern CSS Tricks
I recently had a client come to me with a “branding emergency.” They wanted their new landing page to have that high-energy, classic 1950s Hanna-Barbera…
Stop Fighting JS: Why Modern CSS Logic is Winning in 2025
I recently inherited a WooCommerce project—a high-end fashion boutique—where the mobile experience was, frankly, a total nightmare. The previous dev had built a “bespoke” product…
How to Build Responsive Circular Avatar Lists with Modern CSS
I once had a client who saw a fancy “Who’s Online” widget on a high-end SaaS site and decided their WordPress team page needed that…
Breaking the Grayscale: Custom WordPress UI Beyond Templates
I recently had a client come to me with a high-end WooCommerce shop—bespoke furniture, very expensive stuff—and the site looked… well, it looked like every…
The Simple Secret To Robust Explainable AI For UX
Stop treating AI as a black box. Senior dev Ahmad Wael shares practical advice on Explainable AI for UX, moving beyond data dumps to build user trust through progressive disclosure, feature importance, and human-readable explanations. Learn how to turn complex algorithmic outputs into actionable design patterns that improve adoption and reduce user frustration.
Master Robust Design System Culture With This Simple Fix
Stop fighting your developers. A sustainable design system culture isn’t about better documentation or strict linting; it’s about aligning team assumptions with technical reality. Learn how Ahmad Wael transformed a failed $50k design system by shifting from enforcement to integration, making the right design choices the easiest path for the dev team.
Keyframes Tokens: Standardizing Animation Across Projects
Stop fighting redundant animations and global scope conflicts. Learn how a senior developer uses CSS Keyframes Tokens and custom properties to build a robust, accessible, and maintainable motion system. This guide covers everything from avoiding the “Global Scope Trap” to implementing automatic reduced-motion support at the system level for enterprise projects.
The Secret To Simple Accessible UX Research Success
Stop patching your code and start understanding your users. Senior dev Ahmad Wael shares why Accessible UX Research is the secret to fixing broken products and avoiding technical debt. Learn why Michele A. Williams’ new book is a must-read for any pragmatist developer looking to build truly inclusive, high-performing WordPress sites.
How To Master Modern CSS Features For Better Performance
Stop using JavaScript for problems that CSS has already solved. Senior dev Ahmad Wael breaks down modern CSS features like @scope, field-sizing, and invoker commands that are now baseline. Learn why deleting code is the best way to improve site performance and reduce technical debt in 2025.