References you can return to.

How computers organize website projects with folders, filenames, file extensions, and project roots.

Step-by-step setup for creating a local website project folder, opening it in Phoenix Code, and adding an index.html homepage.

The structure layer of the web: elements, meaning, document outlines, and accessible markup.

A working specimen for the site's type system: Minion optical sizes, Azo Sans interface text, and JetBrains Mono code.

The presentation layer of the web: selectors, cascade, typography, spacing, and responsive rules.

Working with flow, spacing, Flexbox, Grid, and responsive page structures.

Using a framework without letting the framework make every design decision.

Using Figma as a planning space for structure, hierarchy, wireframes, and interface decisions.

Accessibility resources and links for connecting your design work to the wider field.