How to Use CSS clamp() for Fluid Typography

CSS clamp() for fluid typography, with the Font Clamp calculator scaling 16px to 20px between 360px and 1440px

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() declaration can do it: a smallest size, a size that tracks the viewport width, and a largest size. This guide covers what clamp() does, how to work […]

How to Make a WordPress Site Accessible: A Practical Checklist

How to make a WordPress site accessible: WCAG 2.2 contrast of 4.5:1 for body text and 3:1 for large text, and text that resizes to 200 percent

Theme, headings, alt text, contrast, links, forms, keyboard and captions, each checked against a WCAG 2.2 success criterion. To make a WordPress site accessible, check the parts that most often stop people from using it: the theme, headings, alt text, color contrast, link text, forms, keyboard access and video captions. Each check below names the WordPress […]

Title Case Rules: Which Words to Capitalize in a Title

Title case rules for AP, APA and Chicago, with the Case Converter turning a capitalized heading into title case

The Case Converter’s Title Case on a sample heading. Title case capitalizes the important words in a title and leaves a short list of small words lowercase. The trouble is that AP, APA and Chicago do not agree on exactly which small words belong on that list. This guide covers where the styles agree, where they split, […]

Consistent Website Design in WordPress: Set It Once, Keep It

Consistent website design in WordPress: global styles from WordPress 5.9, synced patterns from 6.3 and Elementor's four predefined global settings

Set fonts, colors, spacing and repeated sections once, then build every page from them. Consistent website design in WordPress comes from deciding fonts, colors, spacing and repeated sections once, in the site’s global settings, and building every page from them. Styling each page by hand looks fine on launch day and drifts a little with every […]

Best Image Size for a Website: A Practical Guide by Placement

Best image size for a website, with the Image Resizer shrinking large photos to the Web medium preset

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 right size for any image is the largest width your layout actually shows it at, roughly doubled so it stays sharp on high‑density screens. This guide is […]

How to Build a Real Estate Website: Features, IDX and Build Options

How to build a real estate website: IDX listings refreshed at least every 12 hours, and Google's 2.5 second LCP and 200 millisecond INP targets

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 reach the site, how a visitor becomes a lead, and who builds and owns it. The domain, hosting and theme are the easy part. The hard […]

Why Is My Link Preview Not Showing? Causes and Fixes

Why is my link preview not showing? The Meta Tag Preview showing a Facebook card with no social image set

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 URL, the wrong photo or last month’s headline. The page itself is usually fine: what is broken is a few tags that tell each platform what […]

How to Track QR Code Scans for Free

How to track QR code scans for free, with the UTM Builder tagging a landing page with the QR Code preset

The UTM Builder: the QR Code preset fills source and medium, you add the campaign. A QR code on a flyer, a box or a window sign is easy to print and hard to measure. Without tracking, every visit it brings in looks like someone typed your address by hand, so you cannot tell whether the […]