Tools
Die Software, mit der diese Seite gebaut ist, und die Quellen, aus denen es gelernt wurde. Namen und Links, aktuell gehalten.
99 Tools in 14 Kategorien
Hier gebaut
AI Code
Build
Design
Interface
Motion
Schrift
Farbe
Icons und Assets
Infrastruktur
Messen
Barrierefreiheit
Aufnahme
Inspiration
Skills
Zwei Arten, Handwerk weiterzugeben. Die eine lesen Menschen, die andere laden Maschinen.
Lernen
Kurse, Bücher und Texte, die die Zeit wert sind.
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
Anweisungsbündel, die ein Coding-Agent lädt, um so zu arbeiten, wie eine Disziplin tatsächlich arbeitet.
Handwerk und Oberfläche
Aufgeschriebener Geschmack: Bewegung, Abstände, wann man nicht animiert. Falsch auf eine Art, die man sehen muss.
Engineering und Prozess
Wie Arbeit von der Idee zum Release kommt: Zuschnitt, Tests, Reviews, Migrationen. Falsch auf eine Art, die ein Test findet.
Wo sie liegen
Verzeichnis, Installer und Spezifikationen. Sie lehren keine Disziplin, über sie reisen die anderen beiden.
