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…
Technote
WordPress know-how, from real work Technotes worth picking
203 articles
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…
Development workflow Advanced
Documentation that lives with the code
A design document kept elsewhere diverges from the code within two months. What keeps documentation alive is location, not length — and what belongs in it is the…
Themes & plugins Advanced
Measure and vertical rhythm: body text that gets read
How many characters sit on a line, and how the gaps between elements stack, decide whether a long article gets finished. Hangul is wider, so the Latin character-count…
Development workflow Advanced
A growth checklist for the next six months
What a site that has started working needs in place so the next stretch does not break it — checked across four areas.
Working with AI Practical
Getting a useful design critique out of an AI
Ask "what do you think of this design" and you get compliments. Useful answers appear once you fill in four boxes: context, audience, criteria and format.
Development workflow Advanced
Spotting the signals of technical debt without being a developer
You can see debt without reading a line of code. The signals appear first in schedules, conversations and screens.
Performance optimization Advanced
Auditing a theme: what it loads versus what it uses
Themes routinely ship assets for features you never use. Once you have the list, what can safely go and what cannot becomes obvious.
Development workflow Practical
After payment is where it starts: automating handover
For the customer, payment is not the end but the beginning. A few silent minutes afterwards will shake the trust you just earned.
Working with AI Practical
Where AI helps with writing, and where it must not
AI is quick at structure and phrasing. Facts, measurements and lived experience have to come from you — and turning that boundary into a procedure buys speed without…
Cited
Technotes worth reading next
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.