Safari Reader removes annoying ads and other visual distractions from online articles. So you get the whole story and nothing but the story.

Ohne die Details dieses neuen Safari Werkzeugs zu kritisieren, ist das große ganze Bild wichtiger. Apple rückt hier etwas ins Zentrum, das irgendwann vor fünf Jahren verloren ging: Informationsästhetik, Fokus und Klarheit bei Online-Inhalten. Gefühlt nutze ich mittlerweile in mehr als 50% aller Artikel die ich online lese, das Readability Bookmark, nicht um Werbung zu blocken sondern um Artikel ohne Ablenkung lesen zu können. Das neue Safari Feature ist Armutszeugnis aktuellen Webdesigns. Ohne ein Problem, gäbe es nicht diese neue Lösung.

Irgendwo habe ich mal die grandiose These gelesen, dass Premium-Webdesign schon dann entsteht, wenn man die übliche Ablenkung weglässt. Ich ignoriere für den Augenblick mal die Notwendigkeit für Werbung und Seitenpalten. Anschließend wird Safari’s neuer Reader selbst völlig automatisiert, zum besseren Weggestalter. Selbst in den Vorzeigebeispielen findet mein Auge maximal 50% der effektiven Fläche, die dem eigentlichen Inhalt spendiert wird. Der Rest ist jene Ablenkung, jener Balast, der solche neuen Werkzeuge rechtfertigt.

So sehr man Apple auch kritisieren mag - und ich schließe mich da mittlerweile sehr den Zweiflern an - niemand anderes als Apple drückt so eine Funktion als Standard in ihren Browser. Apple’s Philosophie lässt sich relativ einfach zusammenfassen. Sie veröffentlichen nur, was sie selbst als Produkt und oder Service möchten. Webdesign beißt sich seit Jahren an der Stelle in den eigenen Hintern. Gebastelt wird, was sein muss, nicht was die beste Lösung ist, nicht was man selbst nutzen möchte. Kein anderes Medium hat dieses verzerrte Verhältnis von Inhalt und Ablenkung wie eine aktuell auf Nachrichten - welcher Art auch immer - spezialisierte Website. Vielleicht ist Safaris neue Reader Funktion ein erster Schritt in die entgegengesetze richtige Richtung oder ob es nur eine Frage der Zeit ist, bis man den eigenen Balast gekonnt vor solchen Werkzeugen versteckt. Bitte nicht.

Feedback: 1 Kommentar

Vor genau einem Jahr habe ich das eigene Weblog mal wieder optisch grunderneuert. Zuvor hat keine Gestaltung den ersten Geburtstag feiern können, zu kritisch und gierig war ich, was neue Verbesserungen betrifft. Nach zwölf Monaten ist es aber kein Zufall, dass ich hier kaum etwas verändert habe. Als ich neulich die Frage gestellt bekam, auf was ich als Produkt meiner Arbeit so richtig stolz bin, dann ist es ganz klar die aktuelle Form dieser Seite.

Dass individuelle Artikelgestaltung so ein großes Thema wird und weiter bleiben wird, habe ich selbst wirklich nicht erwartet. Gefühlt waren es endlose viele, wirklich dann wohl fünf Listen, in denen dieses Weblog mit vielen anderen als Vorzeigeobjekt zum Thema unique article design vorgestellt wurde. Viele davon haben mich dann doch sehr breit grinsen lassen. Das wichtige jedoch ist der eigene Spaß am Schreiben, Gestalten und Entwickeln neuer Inhalte. Auch nach einem Jahr bin ich vom Ansatz hier mehr als überzeugt und wenn ich nicht viel ändern werde, dann heißt dies, dass hier vieles wirklich funktioniert.

individuelle Artikelgestaltung

Als ich Sieben veröffentlicht habe, gab es fünf individuell gestaltete Artikel. Heute sind es mehr als fünfzig. Offensichtlich ist der Ablauf heute viel effektiver als früher. Ich glaube auch meine Form des Formats gefunden zu haben. Kurz und doch wiedererkennbar. Ich bin weggekommen von den episch langen Blogartikeln. Ich glaube dafür funktioniert dieses Format weniger gut. Wenn ich frühe und heutige Film-Einträge miteinander vergleiche, gibt es doch große Unterschiede, aber das neue Format ist was ich selbst mittlerweile bevorzuge. Vielleicht kommt mal wieder die Zeit wo Text dominiert, aber in naher Zukunft bleibt alles wie gehabt.

Uniques ist von einer kleinen persönlichen Sache ziemlich groß geworden. Seit der Veröffentlichung ist diese Seite, die mit Abstand populärste. Der Feed hat in kurzer Zeit alle anderen Feeds deklassiert. Wenn ich gewusst hätte, wie gut es angenommen wird, hätte ich Uniques auf eine andere Domain installiert. Möchte mich nicht selbst loben, aber ich habe seitdem viele andere Angebote dieser Art gesehen, finde meine aber die effektivste. Hier werde ich bald an der Seite selbst was ändern. Ziel ist es mehr Beispiele pro Seite darzustellen, was mir noch zu viel Browserperformance verbraucht. Zwanzig Bilder zu skallieren, zu interpolieren und mit CSS3 auszustatten, bringt die Rendering-Engines der Browser unter Last.

Ich habe sehr viele Details im Hintergrund verändert und glaube jetzt wunschlos glücklich zu sein. Mittlerweile bietet mir die WordPress-Installation wirklich jedes Werkzeug. Ein Schnellschuss ist heute nicht mehr als solcher zu erkennen. Wenn ich gut drauf bin, dauert ein aufwendiger Artikel nicht länger, als früher nur was Textlastiges. Ich gebe zu, dass dies sicherlich ein positiver Nebeneffekt ist, Sieben noch lange nicht einzustampfen. Ich bin jezt gerade mal an dem Punkt, wo ich wirklich schnell und effektiv damit arbeiten kann und das ist etwas, was ich nicht mehr missen möchte.

vorwärts

Große Änderungen spare ich mir noch lange auf. Wenn ich hier mal wieder Grundlegendes ändere, dann so richtig. Auf meiner Liste für eine mögliche achte Version stehen “echtes” HTML5, ein flüssiges Grundraster, Small-Screen-Version und ein paar mehr Freiheiten bei der Artikelgestaltung. Diese Ziele sind noch ganz weit weg. Was ich in naher Zukunft ändern möchte sind kleine Details.

Der Kopf der Seite ist zum Sorgenkind geworden. Das Logo zerstört in vielen Fällen die Hierarchie der Seite. Zusätzlich sind einige Menüpunkte hinzu gekommen, die eigentlich nicht angedacht waren. Zeit hier mal aufzuräumen. Wie genau weiß ich noch nicht. Ich möchte definitiv die “Ecke” behalten, da diese wunderbar optisch funktioniert. Vermutlich werden Logo und Menü nur etwas schrumpfen und neu positioniert. Muss ich mal schauen, wie sehr einzelne Artikel davon profitieren.

Natürlich mache ich mir immer wieder Gedanken, wie ich aktuell gestaltete Artikel in fünf oder zehn Jahren behandeln werde. Grundsätzlich gilt: die Gestaltung ist nur Oberfläche, die sich einfach abziehen lässt. Inhalt und Form sind nicht miteinander verbunden. Ich habe auch versucht die CSS-Struktur möglichst flexibel zu halten. Wenn plötzlich HTML5-Tags auch hier Einzug halten, sollte alles weiter funktionieren. Allerdings sind alte Artikel wirklich alte Artikel und vermutlich wird meine Lösung so aussehen, dass ich Sieben als Basis dafür nutzen werde. Wer im Jahr 2013 jemand über E.T. lesen möchte, wird hoffentlich die aktuelle Gestaltung sehen.

Feedback: 1 Kommentar

Als ich mit dem Kreieren von Webseiten angefangen habe, existierte mit CSS ein damals schon ausgereiftes Werkzeug zur Schriftgestaltung. Meine erste CSS Tutorials waren damals die Webmonkey Serien bei Wired.com. Fonts waren eines der ersten CSS Module, dass von allen Browser relativ konsequent unterstütz wurde, aber irgendwann waren auch hier schnell die Grenzen erreicht, was man mit den üblichen paar Fonts so anstellen konnte. Das Grundproblem sollte viele Jahre nicht gelöst werden, nämlich die sehr geringe Vielfalt an Schriften. Ich habe so ziemlich jede Lösung ausprobiert, die zwischenzeitlich aufgetaucht ist. Alles weit davon entfernt, den Komfort zu bieten, den es braucht um bei der breiten Masse anzukommen. Und jetzt gibt’s Google Webfonts. Damit hat sich das Thema auch erledigt.

neues Spielzeug

Einige Probleme bleiben. “Flash-of-noch-nicht-geladene-Schriften”. Als deutscher Nutzer wird man oft vergeblich nach Umlauten suchen. Windows fehlende aktivierte Kantenglättung - in neuen Versionen ein geringeres Übel - lässt alles außer den üblichen Screenfonts ziemlich übel aussehen, besonders bei größeren Schriften. Noch ist die Auswahl begrenzt, was sich im Laufe der Zeit ändern wird…und trotzdem habe ich Google Webfonts hier im Blog nun schon integriert. Erstmal wird es sich auf individuell gestaltete Artikel beschränken. Wobei die Nobile ein verdammt guter Arial Ersatz in allen Überschriften wäre. Dies ist hier ist nur der obligatorische Test-Artikel und deshalb so hoffnunglos mit unpassenden Schriftkombinationen überladen. Musste einfach mal sein.

Feedback: 2 Kommentare

Zur Abwechslung mal ein Test mit wirklich großem Bildmaterial und alle Browser schreien “Hilfe”.

Feedback: 0 Kommentare

Je mehr Geräte wir nutzen um Text zu lesen, umso mehr verändert sich der Lesefluss. Der klassische Spaltensatz fühlt sich fast schon exotisch an und besonders die Idee, jenen Spaltensatz 1:1 online zu übertragem, wirkt befremdlich. Noch finden sich wenige Beispiele, auch weil es einfach sehr unangenehm ist, so dargestellte Texte zu lesen. Jener Lesefluss wird angenehmer, wenn man statt einer Maus, direkt mit den Fingern auf einer Oberfläche “scrollt”. Es ist präziser und schneller zum Scannen der Texte und ich gebe zu, es kommt der Haptik des Umblätterns einer Seite Papier näher, als die Nutzung einer Maus.

Es wird langfristig kein Dogma geben, wie längere Texte darzustellen sind, dafür existieren zu viele Plattformen und die Technologie entwickelt sich zu schnell fort. Umfang, Format und Plattform, werden Anpassungen erfordern. So war es immer und so wird es immer sein. Auch wenn uns Standards heute vieles erleichtern, die Suche nach dem einen heiligen Gral wird auch in Zukunft erfolglos sein. Außer Konkurrenz und damit das rettende Netz wir der ganz klassische 1-Spalten-Satz. Ein Spalte liest sich einfach egal mit welcher Steuerung, egal bei welcher Auflösung am einfachsten. Wenn es nur darum geht Text zu transportieren, dann bitte hiermit. Diese Art hat für mich aber zu viele Einschränkungen in der Gestaltung, weshalb ich hier immer wieder mal mehr als eine Spalte aufmache.

Ich versuche hier wieder und wieder den klassischen Lesefluss bekannt aus Zeitungen zu umgehen. Dieser Ansatz unterbricht mir das Lesen zu sehr. Weil man nicht nur mit dem Augen springen, sondern dabei auch scrollen muss. Ein Bildschirm ist kein fixes Format aus Papier. Was die Sache online erschwert, ist das Float-Modell von CSS. Statt sich vertikal anzuordnen, nehmen sich Text-Blöcke erstmal die Horizontale. Für das geschulte Online-Auge kein Problem, wir wissen wie der Text zu lesen ist, aber wer mehr Gedrucktes liest, dem wird ungewohnt sein Textblockzeile für Textblockzeile abzuarbeiten, statt Spalte für Spalte. Einige Artikel bei The Bold Italic wirken zwar eindrucksvoll gesetzt, erweisen sich doch aber leichter im RSS-Reader zu lesen.

Auf meiner Seite hier versuche ich immer zu tricksen, um das Auge möglichst eindeutig zum nächst richtigen Textblock zu führen. Alle “hängenden” Textblöcke sind optisch oft so gut separiert und inhaltlich so geschrieben, dass sie selbst in der falschen Reihenfolge gelesen Sinn ergeben. Das klingt jetzt seltsam, ist jedoch ein Aspekt, den ich hier im Blog immer wieder beachte. Solange keine wirklich gute Lösung für das Problem Spaltensatz existiert, ist es immer ein Mittelweg zwischen Augenwischerei, logischem Lesefluss und sinnvolle Nutzung des Raumes. Ich bin überzeugt, dass diverse Randspalten, also jene Klickfänger, die so gut beim Lesen stören, eigentlich praktisch sind, da sie die Seite füllen ohne was am Text verändern zu müssen. Eine schmale Textspalte sähe auch ziemlich verloren aus. Nicht alles was widerum schick aussieht, liest sich auch gut bzw. besser. Im Zweifel lieber die langweiligere aber sicher Variante, als ein Labyrinth aus Textblöcken, deren Navigation bzw. Lesefluss man in den letzten 10 Jahren verlernt haben mag.

Feedback: 0 Kommentare

Am 1. März werden ein paar wenige deutsche Blogs ihren Beitrag zu einem gemeinsamen Thema verfassen. Dieser Eintrag möchte noch zusätzliche Teilnehmer finden und den Ursprung des Ganzen erläutern. Statt dem Trend der Blogs totschreibenden Masse zu folgen, stecke nicht nur ich mehr Sorgfalt in diese kleine Nische des Internets. Mittlerweile statten mehr Blogger ihre Werke mit individueller Gestaltung aus. Und spätestens das böse i-Wort hat in vielen Köpfen das Licht augehen lassen, dass auch ein Online-Artikel aus mehr als einer Überschrift, Symbolbild und einer Textblockspalte bestehen kann. Um zu zeigen was jetzt schon machbar ist, kam der Gedanke auf, dass man auf einer gemeinsamen inhaltlichen Basis, seinen invividuellen Beitrag veröffentlicht. Aus der Idee soll nun was Greifbares werden. Bühne frei‽

Der erste Versuch

Noch ist die Liste der Teilnehmer übersichtlich. Mit dabei sind bisher Ben_, Markus, Maurice, Nico, Oliver und meine Wenigkeit. Wer sich angesprochen fühlt und mitmachen möchte, der ist herzlich eingeladen. Unser erster Termin ist jetzt der 1. März und das Thema soll Musik sein, wobei ein paar wenige Richtlinien existieren. Es gilt sich einen einzigen Titel zu wählen, der als MP3 oder Video in den Eintrag eingebettet sein muss. Auf diesem Lied sollten sich dann 200 bis 500 Wörter Text aufbauen, wobei niemand nachzählen wird, aber der Umfang sollte übersichtlich sein. Was inhaltlich passiert ist völlig offen. Man kann “seine” Geschichte zum Lied erzählen, schreiben warum die eigene Wahl so toll ist, oder wie furchtbar man den Song findet. Das Lied dient nur als Haken, was dran hängt, entscheidet jeder selbst und wie es umgesetzt ist auch. Jeder der Teilnehmer wird sicher mehr als den “normalen” Blogpost anbieten.

Intention

Für mich persönlich geht es hierbei um zwei Kleinigkeiten. Zum einen soll es Werbung sein, für den Ansatz vielleicht doch mal mehr Sorgfalt und Zeit bei der Gestaltung eines einzelnen “Blogeintrags” zu benutzen. Zum anderen sehe ich jetzt schon im Link-Blog, dass einfach nur mehr Beispiele, dass Niveau der Idee doch sehr eindeutig voran treiben. Hier kommen viele neue und praktische Beispiele ans Tageslicht, bei denen man sich gern was abschaut. Zumindestens nehme ich mich dabei nicht raus. Dieser Ansatz profitiert langfristig ganz klar davon, dass wir mehr Beispiele bekommen. Wenn wir dabei ein paar zusätzliche Leser von der Idee überzeugen, dann ist dies ein positiver Nebeneffekt, aber nicht das erste Ziel. Allerdings kann ich nur von dieser Seite bestätigen, dann die Besucherzahlen in den letzten Wochen überraschend eindeutig angestiegen sind. Die sehenswerteren Seiten, sammeln hier klar die meisten Klicks.

Ganz abgesehen davon, bin ich einfach sehr drauf gespannt, was der Rest so produziert und es geht nicht nur um die visuelle Oberfläche. An dieser Stelle interessieren mich mehr die gewählten Titel des Themas. Musik ist halt doch was so Subjektives, dass sie viel über den Menschen verrät, der sie hört.

Experiment

Wenn sich alle Teilnehmer den Spaß an der Sache bewahren, dann kann man hier zukünftig einiges von versprechen. Themen lassen sich genügend finden und ich denke schon einen Schritt weiter, ob man diesen Ansatz nicht sogar in eine eigens dafür geschaffene Seite integriert, um eine zentrale Anlaufstelle zu bieten. Möglich wär auch ein Kettenbrief-Ansatz, wo jeder einen kleinen Teil für einen gemeinsamen Beitrag stellt…aber schön der Reihe nach.

Zum Anfang steht der 1. März als Termin für den ersten Versuch. Schauen wir mal wie es läuft.

Feedback: 7 Kommentare

Bilder von der NYTimes App für das iPad kennen sicher viele. Sollen wir mal wieder mehr Realität in die sich übergebenden Superlativen der Präsentation bringen? Worin bestehe die zwei einzigen echten Unterschiede zwischen dieser gezeigten Applikation und der normalen Website? Fixes Format und fehlende Werbung. Ließe man die Werbung auf nytimes.com weg und läge sich auf ein fixes Format fest, würde die Website ein in meinem Fall 24-Zoll-Farb-Display sein. Viel Glück dabei, mir ein dagegen iPad als “beste Browsererfahrung” verkaufen zu wollen.

“Still there is something new that might be worth paying for: a much stronger focus on design via a 9.7 inch colour display.” #

Ich weiß, dass ich nicht Zielgruppe für dieses Produkt bin, aber es wäre dann doch etwas realistischer die Fakten präzise zu benennen. Ein 9.7 Zoll XGA Display ist ein Rückschritt für Screendesign und auch wenn es eine separate Applikation ist, ein “much stronger focus on design” ist purer Hohn, besonders wenn man einen besseren Effekt schon jetzt erzielen könnte, würde man auf den ganzen Wasserkopf verzichten, den Webdesign mit sich rum schleppt (Browserversionen, Displaygrößen, Schriften, Flash, Werbung). Ohne diesen Kram erzielt man natürlich bessere Ergebnis, vielleicht nicht die NYTimes, aber viele Blogs die sich so eine Strategie leisten können.

Keine Frage ich bin überzeugt davon, dass man die Masse der Nutzer vom iPad überzeugen können wird, aber man erfindet das Rad nicht neu, was Informationdesign auf einem Display betrifft. Größe spielt für die Gestaltung von Informationen eine Rolle und ein Display wie dieses ist gemessen an der Dichte an Informationen ein Rückschritt. Ja es gibt Umwege, um aus so einem Display mehr rauszuholen, aber Design ist auch Detail und wenn ich zoomen muss um Details zu finden, dann ist die klassische Website auf einem großen Display am Schreibtisch die klar bessere Alternative.

Ein weiteres Detail ist auch die Dichte der Bildpunkte. Ein Tablet-Display besitzt einen ähnlichen Abstand zum Auge wie ein gedrucktes Produkt, gleichzeitig aber eine viel geringere Bildpunktdichte. Auch ein iPad ist noch ganz weit von 300 dpi entfernt, was dazu führen wird, dass viele Nutzer größere Schriften für langes Lesen benutzen werden und so schrumpft die effektive Größe des Displays noch weiter.

Grundsätzlich begrüße ich ein Produkt wie dieses neue Apple Spielzeug. Ich sehe seinen Sinn und auch ein tolles Geschäfftsmodell für viele Beteiligten, aber ich sehe ganz klar nicht die Premium-Version zum Konsumieren von digitalen Informationen. Dies ist nicht die Lösung des frustrierten Print-Layouters, der sich schwer tut HTML und CSS zu lernen. Dies ist nicht die Plattform für einen stärkeren Fokus auf Gestaltung. Der heilige Gral¹ für ausladendes Screendesign findet sich nicht auf dem Display eines iPad. Einfach mal die Superlativen wieder zurück in die Schublade stecken und abwarten, fände ich sehr angebracht.

Feedback: 5 Kommentare

Das Tutorial zum Balkendiagramm gehört zu den stillen Klickfallen der Seite. Über Google kamen dann doch mehr Besucher auf die Seite, als gedacht. Ein Kommentar hat das Thema wieder aktuell werden lassen und ist für mich Anlass, das Thema mal zu überarbeiten. Ich präsentiere Balkendiagramm 2.0 oder so ähnlich.

Ich bleibe bei der HTML-Struktur. Eine Definitionsliste bietet sich hier mehr an, als eine normale Liste, die ich bei anderen Lösungen oft sehe. Es gibt allerdings vor und Nachteile, besonders mit Blick auf Internet Explorer, der jedoch schneller und schneller an Popularität verliert. Eine Definitionsliste hat den großen Vorteil gleich zwei HTML-Tags für einen Wert zu bieten. In einer normalen Liste wird zusätzlich oft mit spans-Tags gearbeitet, um mehr Struktur zu bekommen. Eine dl-Liste braucht sowas nicht. Der große Nachteil lässt sich aber nicht verschweigen. In einer dl-Liste existieren zwar zwei separate Tags, aber diese sind nicht logisch miteinander vom Rest der Liste abgetrennt. Kein Problem für moderne Browser, aber IE kommt wieder und wieder durcheinander, wenn man einzelne Elemente der Liste floatet. Wenn ich Vor- und Nachteile abwiege, bleiben klar mehr Argument für eine dl-Liste übrig. Drum ändern sich am HTML fast nichts.

“D’oh”

Der größte Makel meiner bisheringen Lösung war der Unterschied zwischen echtem Wert der Liste und Breitenwert des HTML-Elements. Wenn ein Element einen Wert von 89% darstellen soll, dann sollte es auch 89% breit sein. Alles andere ist unlogisch und war nur ein Herumarbeiten um das eigentliche Problem. Dieser Makel ist nun behoben. DD-Tags sind nun so breit, wie der Wert den sie darstellen sollen.

<dl class="data-1">
<dt>Wert 1</dt>
<dd style="width:46%;">46%</dd>

<dt>Wert 2</dt>
<dd style="width:24%;">24%</dd>

<dt>Wert 3</dt>
<dd style="width:89%;">89%</dd>

<dt>Wert 4</dt>
<dd style="width:62%;">62%</dd>

<dt>Wert 5</dt>
<dd style="width:29%;">29%</dd>

<dt>Wert 6</dt>
<dd style="width:81%;">81%</dd>

<dt>Wert 7</dt>
<dd style="width:41%;">41%</dd>

<dt>Wert 8</dt>
<dd style="width:72%;">72%</dd>

<dt>Wert 9</dt>
<dd style="width:19%;">19%</dd>

<dt>Wert 10</dt>
<dd style="width:56%;">56%</dd>
</dl>

Zweites Problem war bisher der mögliche Platz für das Label. Hier habe ich zwei Fliegen mit einer Klappe erwischt. Zum einen sind Label und Wert nun so positioniert, dass sie völlig (fast) unabhängig voneinander positioniert werden, was zum Zweiten dem Label endlos viel Platz verschafft.

Die Details sind wichtig, aber es sind wenige. Label (dt) und Wert (dd) sind nun übereinander positioniert, Z-Index sei Dank. Trickreich ist nur eine Sache und zwar die Einrückung der Schrift des Labels, zwar im CSS dokumentiert, aber hier noch exlizit erwähnt. Linker Margin-Wert und Breite des dt-Elements, entsprechen summiert dem negativen linken Margin des dd-Elements. In meinem Beispiel sind es 25% (24% width + 1% margin-left). Die Prozentzahlen zeigen es schon, das Diagramm skaliert mit der Breite einer Seite mit.

Es existiert noch ein winziger Fehler, oder vielleicht sogar zwei. Border und padding des dd-Elements fügen dem Wert ein paar Pixel in der Breite hinzu, die kombiniert mit dem darzustellenden Wert, immer ein paar Pixel mehr darstellen, als eigentlich richtig wäre. Ich nenne es mal “künstlerische Freiheit” und effektiv sind es in meinem Beispiel jeweils 6 Pixel zu viel, ein Wert der zu verschmerzen ist.

CSS3

So ein Diagramm schreit förmlich nach neuen CSS3 Werkzeugen. Neue Pseudo-Selektoren lassen jeden einzelnen Wert im Diagramm adressieren, ohne zusätzliches HTML in die Liste zu schreiben. Optisch lassen sich abgerundete Ecken, wie auch Verläufe integrieren.

Solide

Schaue ich mir alle Fehler und Stärken der Lösung an, komme ich zu einem sehr soliden Ergebnis. Das HTML ist sehr sauber und entspricht der Semantik einer Definitionsliste, der Fehlerquotient liegt im Rahmen, es gibt genug Freiheiten für CSS und die Lösung skaliert relativ gut auf gängigen Browsern. Es soll nur ein Vorschlag sein, einer der sich wunderbar erweitern lässt, um seine Schwächen auszumerzen. Ideal wäre ein zusätzliches Tag im dt-Tag, um den Inhalt absolut zu positionieren, relativ zum dt-Tag. So bekommt man völlige Freiheit bei Länge der Label und Relation zum darzustellenden Wert. Lange Labels für kleine Werte sind ein Problem, dass sich so lösen lässt.

Feedback: 0 Kommentare

Interessant was hier gerade passiert. Wie jedes Jahr, gibt es im Blog zu Weihnachten wieder einen Überbrückungs-Eintrag. Kurz aber prägnant. Eyecandy. Natürlich habe ich wieder von von einem individuellen Layout locken lassen. Eine passende Schrift wurde schnell gefunden. Weihnachten darf’s etwas mehr sein, auch wenn ich sonst kein Freund immer neuer Schriften hier bin. Plötzlich merke ich, dass sich hier langsam, still und heimlich durchaus ein Stil für individuelle Gestaltung eingeschlichen hat. Spätestens der Bud Spencer Eintrag sollte mir ein Licht aufgehen lassen. Für sich allein mag es noch unbeholfen wirken, aber in der Masse, erkenne ich zumindestens eine Linie, auch wenn sie weniger absichtlich entstanden ist.

Der Weihnachtseintrag sieht in der finalen Form definitiv mehr nach diesem Blog aus, als eine vielleicht noch aufwendigere Variante. Weniger ist doch wieder mehr.

Es gibt auch hierbei sowas wie übergestaltete Beispiele. An dieser Stelle sollte ich The Bold Italic erwähnen. Zwar schwanken für meinen Geschmack neue Artikel stark in der Qualität ihrer Gestaltung, aber eines muss man anerkennen: TBI versucht tatsächlich immer was Neues zu finden. The Chosen Few ist wirklich anders geworden. Sicher gibt es Fragwürdiges, aber wenigstens versucht man dort wieder und wieder aus dem Rahmen zu brechen. Sowas verdient Anerkennung.

Was mich zum Fazit dieses kurzen Eintrags bringen soll. Ich denke Abwechslung ist zwar zu begrüßen, aber eine gewisse Grundlinie werde ich nicht ignorieren. Besonders mit Blick in die Zukunft bietet es sich an, wenn jede Phase auch in den individuell gestalteten Beispielen sichtbar ist. Ich glaube für diese Version des Blogs, habe ich die Linie gefunden.

Feedback: 2 Kommentare