DripBack Lab · Redaktioneller Satz

Wenn der Text den Raum kennt, bevor er ihn füllt

Ein Magazin liest sich ruhig, weil jede Spalte weiß, wie hoch sie werden darf. Dieselbe Ruhe lässt sich im Browser herstellen — nicht durch Raten, sondern durch Messen vor dem ersten Bild.

Von der DripBack-Redaktion · Lesezeit 3 Minuten

Zwei Spalten, gleich hoch: Pretext misst den Zeilenfall vorab, das DOM rendert echten Text.

Guter Werksatz ist eine Frage der Vorbereitung. Bevor die erste Zeile gesetzt wird, steht fest, wie breit die Spalte ist, wie viele Zeilen der Text braucht und wo ein Bild seinen Platz bekommt. Im Druck war das immer so — im Web hat man es lange dem Browser überlassen, der erst rendert und dann nachbessert. Das Ergebnis sind zwei ungleich hohe Spalten, ein Bild, das die Zeilen zerhackt, und ein Sprung im Layout, sobald die Schrift geladen ist.

Der ruhigere Weg trennt Messen und Zeigen. Zuerst wird gemessen, wie sich der Text bei einer bestimmten Spaltenbreite verhält: Wie viele Zeilen entstehen, wie hoch würde jede Spalte, und wie viel Raum nimmt das Bild weg. Diese Rechnung braucht keinen sichtbaren Aufbau und kein Flackern. Sie liefert nur eine Zahl — die Höhe, auf die beide Spalten gebracht werden, damit sie gleich enden.

Erst danach zeigt die Seite den Text, und zwar als das, was er ist: echte Absätze im Dokument. Wer eine Zeile markieren, kopieren oder vorlesen lassen will, bekommt Worte, keine gemalte Fläche. Vorleseprogramme lesen den Artikel von oben nach unten, ohne dass die zweispaltige Optik ihnen etwas nimmt. Die Messung bleibt im Hintergrund, das Ergebnis steht im Vordergrund.

Das Bild sitzt dort, wo es die Lektüre nicht stört. Es rückt an den Rand der ersten Spalte, der Text fließt daran vorbei und schließt darunter wieder zu voller Breite auf. Weil die Höhe des Bildes in die Rechnung eingeht, weiß die zweite Spalte, wie viele Zeilen ihr zufallen. Keine Spalte läuft leer, keine quillt über.

Für DripBack ist das mehr als Kosmetik. Eine Seite, die ruhig liest, wirkt gepflegt, und eine gepflegte Seite trägt eine Botschaft weiter als eine, die beim Scrollen zappelt. Der Aufwand steckt einmalig in der Vorbereitung; danach hält das Layout auf dem Telefon so still wie auf dem großen Schirm.

Und wenn die Rechnung einmal nicht läuft — ein älterer Browser, ein abgeschaltetes Skript —, bleibt der Text trotzdem vollständig lesbar. Er fällt dann in den normalen zweispaltigen Fluss zurück, ohne Bruch und ohne Lücke. Das ist der Punkt: Die Messung verbessert die Seite, aber die Seite braucht sie nicht, um zu funktionieren.