Development workflow Practical
The one-page handover document
If one person knows where the domain is registered, the business is tied to that person. A single page removes the problem.
Technote
WordPress know-how, from real work Technotes worth picking
203 articles
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…
Development workflow Practical
Thirty minutes twice a year to find what you stopped using
Fixed costs cause trouble not when they grow but when they are forgotten. Here is a review that starts from the statement rather than from a list of…
Security Practical
The first hour after you discover a compromise
The most common mistake in this moment is deleting things in a hurry. Here is what to stop first, what to preserve, and in what order to recover…
Development workflow Practical
The night-before launch checklist
Most problems found after launch could have been found in thirty minutes before it. Here is the list, in order.
SEO Practical
Heading structure: two h1s blur page and index alike
Headings are a document's skeleton, not a type size. Once the size you picked and the level you assigned drift apart, the page loses its table of contents.
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.
SEO Practical
Building trust before you have any testimonials
One testimonial that looks invented takes the honest claims on the page down with it. There are other kinds of evidence available while you have none.
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.
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…
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…
Themes & plugins Practical
What a page builder costs: convenience against portability
A builder does one thing very well, and in exchange your layout moves into the database. Where you draw the line decides whether that trade is bearable.
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.