Technote
203 articles
Performance optimization Intro
Photographs and flat graphics compress on completely different principles. Choose accordingly and the file shrinks while the picture on screen does not change.
Themes & plugins Intro
A theme update replaces the whole folder — that is correct behaviour. Which is why your changes need to live somewhere it does not reach.
Performance optimization Intro
A slowdown feels sudden, but the list of causes is short. Before you pay for a bigger server, there are three things to check in order.
Development workflow Intro
Handing over a folder of reference sites gets you a fast quote and the wrong result. Goals, constraints and acceptance — three headings fit on one page.
Working with AI Intro
AI is genuinely good at removing the blank-page stall. What it cannot know is anything factual about your business — and knowing that boundary makes drafting far faster.
Themes & plugins Intro
It looks like a feature choice, but it decides the shape of your business. Pick the wrong one and the tool starts dictating your pricing and your day.
SEO Intro
Founders rarely stall for lack of things to say. They stall because they started from what they want to say — swap the starting point to the customer's…
Security Intro
"We are too small to be a target" is the most common misreading. Most attempts are not chosen by a person but swept automatically — they never look…
Servers & infrastructure Intro
Comparing monthly rates alone never matches what you actually spent after a year. Traffic, backups, mail and renewal pricing sit outside the headline figure — count them first.
SEO Intro
Pick a theme demo first and you end up fitting your business into someone else's frame. Half an hour of structure on paper shortens everything that follows.
Servers & infrastructure Intro
Knowing what this choice decides later saves you the cost of moving a year from now — the difference between shared hosting and a server most of all.
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.