Themes & plugins Practical
When a grid track swells to fit its content — minmax(0, 1fr)
repeat(3, 1fr) does not promise three equal columns. One code block or unbroken string inside pushes its track wider, and the whole layout leaves the screen.
Technote
WordPress guides for Designers
For designers who own the look and the experience: how theme choice, webfonts and image handling decide whether the design survives contact with the browser.
71 articles· Designers
Themes & plugins Practical
Putting tokens into the theme with CSS custom properties
Declare the tokens in one :root block, have components reference nothing else, and the colour and spacing of the whole site move from a single file.
Themes & plugins Practical
Template overrides: the copy freezes the moment you make it
Copy a parent file into your child theme and yours wins. It also stops receiving the parent's fixes — you have taken on its maintenance.
Performance optimization Practical
How to stop sending desktop images to phones
srcset gives the browser candidates; sizes tells it which one to pick. Get one right and the other still ruins the outcome.
Performance optimization Practical
Self-hosting webfonts: what you gain by dropping the CDN
The biggest advantage of a public font CDN — a cache already warmed by another site — disappeared when browsers partitioned their caches. What remains is a question…
Themes & plugins Practical
Never delete the focus ring: what outline: none removes
The default focus ring genuinely does not suit most designs. Delete it, though, and keyboard users lose their cursor entirely — the answer is to replace it, not…
Themes & plugins Practical
One clamp() instead of re-declaring sizes at every step
Re-declaring heading sizes at every breakpoint only adds maintenance. clamp() puts the minimum, the fluid middle and the maximum on one line and removes it.
Themes & plugins Practical
What keep-all gives Korean, and takes from other languages
One CSS line stops Korean words splitting mid-word. That same line, in Japanese or Chinese, means "there is nowhere to break" — and produces horizontal scrolling.
Themes & plugins Intro
A spacing scale, and what one exception costs
Eyeballing spacing puts 12, 13, 14 and 15 on the same screen. A scale makes the decision faster and tidies the layout for free.
Performance optimization Practical
The image sizes WordPress creates for you
One upload produces several files. Any of them never used on screen clutters both your disk and your srcset at the same time.
Themes & plugins Intro
What belongs in the Customiser and what belongs in CSS
The same colour change can end up somewhere the next person finds it, or somewhere they never will. The criterion is discoverability, not taste.
Themes & plugins Intro
Content decides your breakpoints, not device names
Breakpoints named after devices go stale every year. Widen a component slowly, note where it stops working, and that width is your breakpoint.