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.
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.
80 articles· Designers
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.
SEO Intro
Writing alt text: decoration versus information
Describing every image is not the answer. Decorative images should be left empty; informative ones should carry the information, not a description of the picture.
Themes & plugins Intro
Why 16px is the baseline for body text — and when it is not
16px is not a trend somebody picked; it is the default browsers and users already agreed on. Take it as the baseline — and know when Korean long-form…
Performance optimization Intro
Deciding your maximum upload size before you upload
Upload a camera original and the page still looks fine, which is why the problem surfaces late. Knowing what WordPress does behind the scenes gives you a rule.