Tag
Styling WordPress without fighting the next theme update.
WordPress Tutorials
The front end filter takes an array and the admin one takes a string. Swapping the two is the single most common reason a class appears on one side of the site and breaks the other.
Web Design
White space is not emptiness waiting to be filled. It is the mechanism that tells the eye what belongs together, and it works before anyone reads a word.
Web Design
A style guide is not a design deliverable. It is the record of decisions already made, so page forty looks like page one without anyone having to remember why.
Web Design
Automated tools find about a third of accessibility problems. This is the rest — the manual checks that take an afternoon and catch what actually blocks people.
Web Design
Mobile first is not about phones. It is about deciding priority while the screen is too small to avoid deciding, then adding space rather than removing content.
Web Design
Hierarchy, contrast, proximity, consistency and restraint. Five ideas that decide whether a page works, none of which depend on what is currently fashionable.
Web Design
A landing page has one job and everything on it either serves that job or competes with it. Most underperforming pages are not badly designed — they are trying to do three things.
Web Design
Pick the layout from what the page has to do, not from a gallery. Most layouts fail the same way — they were designed around content that never arrived in that shape.
Elementor
Most mobile surprises in Elementor trace back to one mechanic: per-device values inherit downward from desktop to tablet to mobile, not the other way around.
Elementor
Elementor offers four places to add custom CSS, each with a different scope and a different lifespan. Picking the wrong one is what makes an override impossible to find six months later.
Elementor
Global Colors and Global Fonts are Elementor's design-system layer: define a style once, reference it everywhere, and change it in one place instead of hunting down every widget individually.
Elementor
A container replaced the old section-and-column pair with one flexbox-based element that holds widgets or other containers directly. That single change removed a layer of nested markup from every layout built with it.