A little help finding it.

Give the browser a clear document, from the doctype to the closing tag.

Build a readable outline instead of choosing tags by their default size.

Understand where a link goes, and why one missing slash matters.

Make an image useful even when it cannot be seen.

Choose ordered, unordered and description lists for different relationships.

Give navigation, main content and supporting information a clear role.

Connect every input to a name people can see and use.

Create a disclosure without building your own interaction from scratch.

Match the element you mean before adjusting its appearance.

Understand where an element’s width really comes from.

Find out why your declaration is being overridden.

Arrange navigation and controls along one main axis.

Let a collection of cards find the number of columns that fits.

Let the layout respond to available space and readable content.

Keep repeated design choices in one readable place.

Use transitions to explain a change, and respect reduced-motion preferences.

Give a value a name and understand when it can change.

Make a decision without accidentally changing the value.

Turn a small task into a named operation.

Work with a collection without losing the original data.

Connect JavaScript to the document the browser actually created.

React to an action with a real, keyboard-accessible control.

Load data while handling both HTTP failures and invalid content.

Use browser storage for small preferences without making the page depend on it.

Compare your source with the document the browser repaired.

Separate a loading problem from a matching or cascade problem.

Make the current position visible and every action reachable.

Make long explanations comfortable before making them decorative.

Make useful content available before any script runs.

Follow a request from the URL to the HTML file.