Insights on Design, Growth and Digital Strategy.

Three of the live flexbox examples from this guide: justify-content, align-items and flex: 1. CSS flexbox is the layout tool for putting things in a row or a column and…

The Font Clamp calculator: 16px at 360px to 20px at 1440px. Fluid typography means text that grows smoothly with the screen instead of jumping at breakpoints. In CSS, one clamp()…

The Image Resizer: three 2560px images resized to a 1600px longest side as WebP, with before and after sizes. There is no single best image size for a website. The…

Listings, lead capture and the fair housing and IDX rules decide more than the theme does. How to build a real estate website comes down to three decisions: how listings…

The Meta Tag Preview’s Facebook card with no social image: the platform shows a plain link. You paste a link into a post or a chat and get a bare…

What Google does with a near me search, why the results look odd, and the ten-minute checks to run before you hire any website developer….

The Meta Tag Preview: check each page’s title and description before launch. A website launch checklist is the list of everything to confirm before a new or rebuilt site goes…

The Color Contrast Checker: #999999 on white measures 2.84 to 1 and fails all five levels. If you run a small business in the US, you may have heard that…

Google’s three Core Web Vitals, and what counts as good for each. Why is my website slow? Usually for one of a handful of reasons, and one of the most…

Pixel values break layouts when users increase their browser font size. Why REM units fix that, and how to convert PX to REM without doing the arithmetic by hand….