Performance optimization Practical
The first-screen image deserves special treatment
How fast a page feels is when the largest element on the first screen finishes drawing. Lazy-load the hero and you have delayed that moment yourself.
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
Performance optimization Practical
What you can animate for free, and what costs a frame
A frame is a very short budget. Only transform and opacity move without layout work; everything else charges you on every single frame.
Development workflow Intro
Getting design and code to use one set of names
Different names mean a translation step in every conversation. That translation lives only in people's heads, and it never reaches whoever joins next.
SEO Intro
Leave the screens that already work alone
Scope is set by data, not taste. Screens that bring traffic and conversions get a surface refresh — their structure stays where it is.
Performance optimization Advanced
Why the page jumps when your font arrives
When a late web font swaps in, the line count changes and everything below moves. Match the fallback family's metrics to the web font and the shift disappears.
Working with AI Intro
Drafting alt text with AI — and the part only you can write
A generated alt text describes the picture. A correct one describes the information that picture carries in this context. Those are often not the same thing.
Development workflow Intro
Hand over rules, not just screens
Hand over twenty screens and the developer asks about the twenty-first. What lets them build the screens you never drew is a set of rules — and rules…
Development workflow Intro
A redesign starts with an inventory, not a mockup
You cannot protect a page that is not on your list. Three inventories — pages, templates, top entry screens — settle both the scope and the schedule.
Development workflow Advanced
A routine: what tools catch and what a person must
Automated checkers handle the mechanically decidable part quickly and reliably. The rest — whether the alt text is right, whether the order makes sense — only a person…
Working with AI Advanced
Illustrations as code: SVG that follows your design tokens
Keep illustrations as code rather than image files and a rebrand has nothing to re-export. One rule holds the whole structure up: no colours inside the SVG.
Development workflow Advanced
Finding the files nothing in your site uses
The hard part is not deleting but proving nothing uses a file. Once you know where references hide, a safe order appears.
Themes & plugins Advanced
Why sticky quietly dies — one overflow line on an ancestor
position: sticky throws no error when it fails. Check three things in order — a threshold, room in the parent, an ancestor's overflow — and the cause is…