aria-current: Marking the Current Page in Navigation
Most navs answer “where am I” in a class name, which nothing but the stylesheet can read. One attribute fixes it, and the URL matching underneath is…
Writing · Themes
Themes
All posts in the Themes category. Search across the full archive or pick another topic below.
Why Your Logo Looks Thicker in Chrome
A 15px logo renders heavier in Chrome than Firefox, and it is not a bug. Partial IDCT scaling, what it discards, why design systems feel it most, and the format…
Five New CSS Properties Just Landed in WebKit
Safari Technology Preview 250 adds text-decoration-inset, white-space-trim, wrap-inside, content on ::marker and ruby-overhang spaces. Three have no MDN page ye…
Design for the Field Type, Not the Field Name
Name-driven layouts promise that these sections look good. Type-driven layouts promise that anything of this shape looks good. The rules that make it hold, how …
7 of 11 Themes Failed Contrast. The Fix Could Not Live in PHP.
Adopting the host theme’s brand colour failed WCAG AA on 7 of 11 themes. PHP could not fix it because the colour only resolves in the browser. How we deri…
You Can Finally Change What the Site Editor Shows Your Clients
WordPress 7.1 adds four filters to configure the Site Editor Pages, Templates, Parts and Patterns screens. Default views, saved views, layouts and Quick Edit fo…
WordPress Now Has Two Design Systems, and Only One Is theme.json
WordPress 7.1 ships a second token system. theme.json styles the front end; the new –wpds-* custom properties and ThemeProvider style the admin. The namin…
Three New theme.json Powers in WordPress 7.1: Gradients Over Images, minWidth and Text Shadow
background.gradient finally lets a gradient layer over a background image, minWidth completes the dimensions pair, and textShadow arrives in Global Styles. The …
Logical Properties: Block Theme CSS That Survives RTL
Physical CSS properties break the moment your block theme meets an RTL locale. What writing-mode actually does, why margin-inline beats margin-left, and how to …
AI Took the Mechanical Half of Design Work, and That Half Was the Training Ladder
The parts of design work AI removes first are the parts juniors used to do. That work was tedious, and it was also how people learned the craft and earned a sea…
Patterns, Template Parts or Style Variations? How to Choose
One question decides it: when this appears twice and someone edits one, should the other change? How the four reuse mechanisms in a block theme differ, what eac…
Responsive theme.json: The @ Prefix Syntax for Block Themes
Core adopted an @ prefix convention for expressing responsive states inside style data, and the fixed device preview is gone. What the syntax looks like, how it…