Intro

Use text-wrap balance for short headings and text-wrap pretty selectively for longer copy without hard-coded line breaks.

Choose svh, lvh, dvh, or a flexible min-height when mobile browser controls make 100vh an awkward fit.

Build content, navigation, and forms on working HTML so one failed script removes an enhancement instead of the whole page.

Use native disclosures, dialogs, popovers, form attributes, and responsive images before rebuilding their basic behaviour.

I do not need visitor profiles to publish articles, projects, and photographs, so my personal site collects less and loads less.

Build clearer forms with visible labels, autocomplete, connected help and errors, fieldsets, and visible focus.

Use aria-label for genuinely unlabelled controls while keeping visible text and native elements as the first choice.

Make links recognisable with underlines, clear focus states, useful text, and behaviour that does not surprise the reader.

Social media image sizes, video and advertising specifications, and downloadable templates in one place.

Check your camera’s shutter count from an original JPEG or RAW file with a free browser tool.

A curated collection of creative website designs, with details about their layouts, technologies, and fonts.

A Chrome extension for saving visual ideas, screenshots, and web references in a private, local library.