Web Design & Development
Custom Build or Template: How to Choose
Choosing between a theme or template and a bespoke build for a website. Where most projects go wrong The usual mistakes: Templates customized beyond recognition...
Tagged #Guides
2013 articles with this tag
Web Design & Development
Planning for Traffic Growth, Done Properly
Preparing a site's infrastructure and operations for sustained growth rather than one-off spikes. At a glance Bottlenecks databases usually limit growth before...
Performance & Accessibility
How to Get Largest Contentful Paint Right
The time until the largest image or text block in the viewport has rendered — a proxy for when a page looks loaded. At a glance Good 2.5 seconds or less Needs i...
Performance & Accessibility
Interaction to Next Paint: The Decisions That Matter
A measure of responsiveness: how long a page takes to render a visual response after a user interaction. What is at stake It replaced First Input Delay because...
Performance & Accessibility
Cumulative Layout Shift, Done Properly
A measure of how much visible content moves unexpectedly during a page's life. The key figures Good 0.1 or less Needs improvement between 0.1 and 0.25 Poor over...
Performance & Accessibility
How to Get WCAG Conformance Levels Right
The three levels of the Web Content Accessibility Guidelines — A, AA and AAA — and what claiming one actually commits you to. Where most projects go wrong The u...
Performance & Accessibility
Keyboard Accessibility, Done Properly
Making every function of a site operable with a keyboard alone, in a logical order, with visible focus. Why does it matter? It is the fastest accessibility test...
Performance & Accessibility
How to Get Screen Reader Compatibility Right
Making sure content is announced usefully by the software that reads a page aloud. At a glance Common combinations each screen reader behaves differently with e...
Performance & Accessibility
Color Contrast: The Decisions That Matter
Color contrast is the measurable difference in luminance between a foreground, such as text, an icon or the border of a form field, and the background behind it...
Performance & Accessibility
How to Get Performance Budgets Right
Agreed limits on page weight, request count or timing metrics, enforced automatically so they cannot be quietly exceeded. What is at stake Performance degrades...
Performance & Accessibility
How to Get Critical Rendering Path Right
The sequence of work a browser must complete before it can render anything useful. The key figures Steps HTML parsing, CSS object model construction, render tre...
Performance & Accessibility
HTTP/2 and HTTP/3, Done Properly
The newer versions of the protocol that carries web traffic, and what they change about how resources should be delivered. Where most projects go wrong The usua...
Load more articles
Showing 1,860 of 2,013