Tools
The software this site is built with, and the sources it was learned from. Names and links, kept current.
99 tools across 14 categories
Built here
AI code
Build
Design
Interface
Motion
Type
Colour
Icons and assets
Infrastructure
Measure
Accessibility
Capture
Inspiration
Skills
Two ways of passing craft on. One is read by people, the other is loaded by machines.
Learning
Courses, books and writing worth the time.
Animations on the Web — Emil Kowalski
Design+Code — Meng To
Refactoring UI — Adam Wathan & Steve Schoger
Practical Typography — Matthew Butterick
Web.dev — Google
Inclusive Components — Heydon Pickering
Josh Comeau — CSS for JavaScript Developers
Every Layout — Heydon Pickering & Andy Bell
Type Scale
Emil Kowalski — Writing
Rauno Freiberg — Interaction Notes
Paco Coursey — Notes
DesEngs
Web Interface Guidelines — Rauno Freiberg
Devouring Details
Interfaces — Design Engineering Magazine
Design Engineer Tools
Agent skills
Instruction bundles a coding agent loads to work the way a discipline actually works.
Craft and interface
Taste written down: motion, spacing, when not to animate. Wrong in ways you have to see.
Engineering and process
How work moves from idea to shipped: shaping, tests, reviews, migrations. Wrong in ways a test catches.
Where they live
The directory, the installer and the specs. These teach no discipline; they are how the other two travel.
