Latest Performance optimization Practical
Who pays for the milliseconds a tag adds?
A tracking script does not stop at downloading. While it is parsed and executed the main thread is busy, and a busy page ignores fingers. That cost is measurable.
Technote
203 articles
Latest Performance optimization Practical
A tracking script does not stop at downloading. While it is parsed and executed the main thread is busy, and a busy page ignores fingers. That cost is measurable.
SEO Practical
An internal link guides a reader and declares a relationship at the same time. The words you link with and the direction you link in are that declaration.
Development workflow Practical
"It feels a bit cramped" can be neither argued with nor fixed. Spacing off the scale, colour off the palette, contrast below threshold, missing states — four rules…
SEO Practical
Mark a service up as a Product and you collect warnings instead of rich results. Choosing the right type is very nearly the whole job.
Themes & plugins Practical
A design the CMS cannot express stays up for negotiation long after it ships. Deciding what editors may change, first, removes the negotiation entirely.
Development workflow Practical
A full swap makes every problem appear at the same moment — which means none of them can be attributed. So you switch one template at a time.
SEO Practical
A mockup with six cards usually works. At forty, aspect ratio breaks first, and then three cards of one visual family start reading as a single block.
Development workflow Practical
WordPress themes are expected to deploy without a build step, which leads to the opposite conclusion from ordinary application code — and to its own costs.
Security Practical
These three differ in threat model, not convenience. Whether the caller is a browser, your own server, or a third party decides the answer for you.
Development workflow Practical
It runs your own PHP file inside a fully loaded WordPress. Flags starting with -- never reach your script, though, because WP-CLI consumes them first.
Performance optimization Practical
Repeated identical lookups disappear. One slow query does not. Miss that distinction and you will wire up Redis and then ask why nothing got faster.
Development workflow Practical
This hook fires for every WP_Query — menus, widgets and admin list tables included. Without guards, screens you never meant to touch change quietly.
Cited
Topics outside WordPress are collected on Dongji Communication Tech Insights, run by the same team. The summaries below are quoted from the originals; the titles link to them.
Working with AI
Writing a CLAUDE.md — teaching an AI coding assistant your project
AI coding tools such as Claude Code, Cursor and Copilot do better work the more precisely they know your project. Here is a structure and a set of principles that hold up.
Working with AI
Prompting an AI for UI design — drafting with Claude and GPT
Asking an AI to "make a nice button" gets you a disappointing button. Structured prompts that carry constraints, references and a defined role get you the design you meant.
Themes & plugins
SCSS from the ground up — variables through module structure
The core syntax of SCSS (Sass) and what it solves that plain CSS cannot: variables, nesting, mixins, @use and module structure — organised around patterns you can use immediately.
Themes & plugins
Design tokens and theme colour systems — brand identity in SCSS variables
How to turn a colour palette from a pile of hex codes into a system that means something — semantic token structure and SCSS variable patterns, from a real project.
Performance optimization
Designing a responsive typography system — the science of readability
Hard-coded pixel font sizes are over. Type scales, fluid sizing with clamp(), Korean webfont optimisation and line-height ratios — building typography that reads well on any screen.
Development workflow
From Figma to SCSS — a designer-developer handoff guide
Minimising what gets lost between a Figma file and the code: extracting tokens, naming components, keeping the spacing system in sync — the whole workflow, step by step.