Web Design

Templates, layouts, images and fonts that load fast on every screen.

5 guides19 sources checked15 min of reading

A responsive template is not a special product but a handful of HTML and CSS rules that let one page adapt from phone to desktop.

AMP once decided who got into Google's Top Stories carousel; now it is one optional way to build fast pages, with real upkeep costs.

AVIF usually gives the smallest files, WebP is the safe modern default, and JPEG or PNG remain the fallback every browser can read.

A handful of icon files covers browsers, phones and Google Search, but each reads different tags and follows its own size and format rules.

Custom fonts can add character to a site, but each file costs download time and can make text jump; a few settings keep that under control.