Für die spätere Erinnerung, diese Designdetails haben sich in letzter Zeit hier im Blog geändert:
Vorher:
Nachher:
Die Überschriften von Einzelartikeln sind in den Blogheader gewandert. Vorher waren sie gedoppelt, sie standen einmal dort, einmal direkt über dem Artikeltext, wie auf den Artikelübersichtsseiten. Verwirrend war besonders, dass der Titel im Header zwar ein Link war, der aber auf die Bloghauptseite zeigte. Von der Positionierung her war ein Link zur Bloghauptseite an der Stelle angemessen, aber zum Artikeltext passte es nicht. Das ist nun aufgelöst: Der Titel des Artikels führt nun auch im Header zum Artikel, der Untertitel mit dem Blognamen führt zur Bloghauptseite. Entsprechend wanderte die Datumsanzeige in die Infozeile unter dem Artikel – das finde ich nicht ideal, im Design aber ansonsten schwierig.
Beim Blick auf den Titel könnte auch auffallen, dass der lange Titel im Beispielbild anders umgebrochen wird. Das ist der Effekt von text-wrap: balance
. Diese Anweisung soll zu einer gleichmäßigeren Länge der einzelnen Zeile führen. Funktioniert nur bei nicht zu langem Text, daher im Grunde nur für solche Titelblöcke geeignet. Da aber empfinde ich es als netten Effekt.
Ähnlicher Gedanke war das Setzen von text-wrap: pretty
für Artikeltexte. Das sei ein langsamerer Algorithmus, der aber Texte etwas hübscher unterteilen könne. In Firefox wird das noch nicht unterstützt, in Chromium aber schon, und es sorgte da tatsächlich für kleinere Unterschiede. Da hier im Blog jetzt schon seit einer Weile Wörter automatisch umgebrochen werden und der Text an die Breite des Containers angepasst wird (text-align: justify
mit hyphens: auto
) sah ich die Wahl als angemessen.
Dass der Codeblock kein Syntaxhighlighting mehr zeigt hatte ich vor kurzem beschrieben, das war weniger eine bewusste Designentscheidung als meine Unzufriedenheit mit der Qualität der Highlighter.
Gewollt war der andere Bloghintergrund. Der war vorher einfarbig, ein hellgraues Blau, . Jetzt ist da eine gepunktete Struktur, umgesetzt mit einem SVG als background-image
, . Das erforderte relativ viel Ausprobieren bis ich eine Variante fand, die da zwar ein Muster einsetzt, aber ohne völlig die Farbe zu ändern oder zu sehr aufzufallen. Wenn meine Erinnerung stimmt habe ich dabei zwischendurch Hero Patterns benutzt.
Ansonsten sollten sich nur Kleinigkeiten geändert haben, wie z.B. die Zeilenhöhe von Überschriften.