A complete self-taught web design curriculum — every resource free, in reading order.
Foundations
- 1.MDN Web DocsThe reference for HTML, CSS, and JavaScript — start with the Learn section and keep it open forever.developer.mozilla.org
- 2.freeCodeCampThousands of hours of free, hands-on curriculum with certifications employers recognize.freecodecamp.org
- 3.web.dev by GoogleModern best practices — performance, accessibility, and responsive design, straight from Chrome's team.web.dev
Design craft
- 4.FigmaThe industry-standard design tool — free tier is all a learner needs; start with their official tutorials.figma.com
- 5.CSS-TricksThe deepest well of practical CSS knowledge — the flexbox and grid guides are canonical.css-tricks.com
- 6.Google FontsFree, fast web typography — learn pairing with the 'popular pairings' on every font page.fonts.google.com
- 7.Laws of UXThe psychology principles behind good interfaces, one beautiful card at a time.lawsofux.com