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.
Keeping up with CSS is a filtering problem more than a reading problem. I traded years of RSS folders for the I Heart CSS squad on DailyDev, and this is what a curated feed does that a raw aggregator never did.
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.
Chrome 144 and Firefox 147 moved anchor positioning and @scope to Baseline, so tooltips and style isolation no longer need a JS library. Also here: the Temporal API in Chrome, the dead HTML document outline, and using your OS as a CMS.
Hand-calculated HEX palettes break the moment a base color changes. This walks through CSS Relative Colour and OKLCH in WordPress themes, and how @property lets you animate one channel at a time.
CodePen slideVars reads the CSS custom properties on :root and builds a slider panel from them, so an interactive demo no longer needs hand-wired range inputs. Covers slideVars.init(), the config object for scoped variables, and the decimal-step bug I hit.
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.
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.
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.
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.