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

Working with AI Practical

Before you put an AI-generated image on the web

Generating the image takes seconds. What comes after does not: matching tone across a set, getting the file weight under control, and deciding what you will claim the…

Designers 7 min read

Themes & plugins Practical

Mobile navigation beyond the hamburger

The hamburger is the answer when there are many destinations. If three or four carry the traffic, showing them always beats hiding them.

Designers 6 min read

Performance optimization Practical

The hidden cost of an embedded video

The player loads whether or not anyone presses play. A poster-first approach charges that cost only to the people who actually click.

Designers 5 min read

Themes & plugins Advanced

Vendor tokens, your tokens, and one bridge file

Modern themes arrive with hundreds of their own tokens. Edit them and updates erase your work; ignore them and the screen splits into two systems. The answer is…

Designers 7 min read

Performance optimization Advanced

Metric overrides: stopping the jump when the font lands

Text jumps when a webfont lands not because it was late, but because the fallback had different widths and heights. Match the two and the swap leaves the…

Designers 9 min read

Themes & plugins Practical

Reduced motion: the content has to survive it

The reduced-motion setting comes from symptoms, not preference. And the bug where the page turns up blank for those users appears most often in code that was trying…

Designers 6 min read

Performance optimization Practical

Where SVG belongs, and where it does not

Icons and diagrams need not be image files. Kept as vectors they need no size variants, and their colour can be driven from CSS.

Designers 6 min read

Themes & plugins Practical

Tap targets — minimum size and spacing for fingers

A cursor is one pixel; a fingertip is not. How to grow the hit area without growing the visuals — and why hover-only affordances simply do not exist…

Designers 6 min read

Performance optimization Practical

font-display: invisible text or shifting text

This property decides what happens in the few hundred milliseconds before a webfont lands. There are five values, but the real choice is between blank text and text…

Designers 7 min read

₩270,000 · Join the program