№ 004Journal

Texte.

Gedanken zu Design, Entwicklung, Typografie und dem Handwerk des Bauens für das Web.

One paragraph from an essay on web typography is set twice in Georgia, both times at the same 487-pixel measure and with identical line breaks, so that only the word spaces differ. The left column is justified: to reach its flush right edge the word spaces are stretched to between 1.0 and 2.1 times their natural width, and a river runs down it — five consecutive lines whose word spaces line up into a vertical channel of white, traced here in blue. That column also leaves a widow, the single word defaults stranded alone on the last line of its paragraph. The right column is set ragged right: every word space stays at 1.0, and the slack that justification would have spent inside the lines collects at the right-hand edge instead, where the real line ends are traced 1:1 as the rag. The deepest ragged line is 43 pixels short, and that is exactly the white that drives the same line in the justified column to 2.1 times spacing. A baseline grid on a 28-pixel pitch runs under both columns, with the leading dimensioned between two of its lines in the gutter. A measure axis below runs from 45 to 75 characters, the comfortable range, and is marked at 58, where this setting actually counts out.
  1. Ein Feldbaukasten aus PETGRund achtzig gedruckte Teile halten ein fliegendes Magnetometer zusammen: Klemmen, Halterungen, Verbinder und eine geschleppte Sensorgondel, allesamt über Nacht auf einem Desktop-Gerät gedruckt. Notizen zum 3D-Druck als Feldingenieurspraxis, Revision für Revision.4 min read
  2. Gestalten für eine unsichtbare RandbedingungEine Drohne, die Magnetfelder misst, kann nicht wie andere Drohnen gebaut werden: Jede Schraube ist eine Designentscheidung. Was ein Vermessungsfluggerät mich über Constraint-first-Design gelehrt hat — eine Lektion, die zwanzig Jahre Typografie mir bereits beizubringen versucht hatten.3 min read
  3. Der Agent in der WerkstattIch habe Claude drei spezialisierte Subagenten gegeben — einen Halterungsdesigner, einen OpenSCAD-Autor und einen Druckprüfer — und sie echte Drohnenteile durch achtzehn protokollierte Revisionen iterieren lassen. Notizen dazu, wie KI-gestützte mechanische Konstruktion tatsächlich aussieht.3 min read
  4. Das Performance-Budget einer SchriftWenn die Hausschrift ihren Platz verdient, dann mache sie günstig: eine variable Datei statt vier statischer, rigoroses Subsetting, ehrliches font-display und ein Fallback, der so konstruiert ist, dass der Wechsel unsichtbar bleibt. Font-Loading als Ingenieursdisziplin.4 min read
  5. Der Stack unter den VibesVibe Coding funktioniert — ich habe auf diese Weise ein Portfolio, KI-Plattformen und Drohnenhardware ausgeliefert. Aber es funktioniert nur, weil drei unmodische Werkzeuge es tragen: git als Undo, GitHub als Gedächtnis und eine schlichte Linux-Maschine, über die man tatsächlich nachdenken kann.4 min read
  6. Der Null-Kilobyte-Font-StackDer schnellste Webfont ist der, den man nicht ausliefert. Wann System-Font-Stacks die richtige typografische Entscheidung für hochperformante Anwendungen sind, wie man 2026 einen guten baut — und wann die Hausschrift ihre Bytes doch verdient.3 min read
  7. Schriftwahl für datendichte OberflächenDashboards, Terminals und Monitoring-Bildschirme stellen andere Fragen an eine Schrift als Prosa: Halten die Ziffern die Spalten, kann man 0 von O bei 11 Pixeln unterscheiden, übersteht das Fette einen Dark Mode? Eine Auswahl-Checkliste für Oberflächen unter Druck.3 min read
  8. Über Typografie und das WebWarum typografisches Handwerk im Zeitalter von Designsystemen, Utility-Klassen und KI-generierten Layouts weiterhin zählt.3 min read
  9. Bauen für LanglebigkeitGedanken zur Wahl von Technologien und Architekturen, die gut altern — und warum Einfachheit sich verzinst.3 min read