21. Oktober 2005 in Journal » Intern

Wieder zurück!

Nach drei stillen Tagen hier auf Labuschin Webdesign kann ich mit Stolz sagen: Mein Relaunch hat sich gelohnt. Markup wurde komplett überdacht und verbessert. Das CSS wurde von Grund auf neu formuliert und ist um fast 60% geschrumpft. Ich bitte euch den Cache zu leeren bzw. zu refreshen, da es sonst noch zu Darstellungsfehlern kommen kann.

Schlagkräftige Gründe

Jetzt fragen sich vielleicht einige „Warum das ganze?“. Nun ja, ich wollte des öfteren Neuerungen einbauen, doch daran hat mich mein CSS gehindert. Darstellungsfehler waren schwer zu fixen, da die Stylesheets zu spezifisch formuliert waren. Deswegen habe ich mich diesmal an folgendes gehalten:

Vorrausschauendes Denken kann hilfreich sein, um komplexe und verwirrende Selektoren zu vermeiden, die viel zu sehr spezifiert sind. Eine Faustregel besagt, bei Stilregeln so allgemein wie möglich zu bleiben und etwas nur dann genauer zu spezifizieren, wenn es wirklich erforderlich ist.

Dave Shea, Zen und die Kunst des CSS-Designs

Dadurch habe ich meine Style Sheets von 12897 Bytes auf 8455 Bytes verringern können. Das bringt Geschwindigkeit und Erweiterbarkeit.

Auch das Markup war mittlerweile verbesserungswürdig. Ich habe mich an den Artikel gehalten, den ich zusammen mit Wolfgang Bartelme ausgearbeitet habe. Dadurch sind alle Überschriften um einen Grad gestiegen und machen den Kontext noch bedeutender.

Style-Bugs entfernen

Links in Überschriften des dritten Grades würden im Opera Browser grundsätzlich unvollstandig angezeigt. Ich habe bis jetzt nicht verstanden warum, aber ich vermute das lag am CSS. Nun werden sie überall vollständig angezeigt, was mich sehr froh macht.

Unterschiede zwischen den Browsern Firefox, IE und Opera gibts es nun keine mehr. Ausnahme: Die Schriftgröße ist im Opera etwas kleiner.

Schneller!

Die Dateigrößen aller PHP-Files haben sich verringert. Ich kann ein Verlust von mehr als 10KB verzeichen. Kleinere Dateien machen kleineren Traffic - das macht Geschwindigkeit aus.

Änderungen

Änderungen waren nicht auszuschließen. Das wusste ich schon vor dem Update. Folgende Änderungen sind getroffen worden:

  • Der Details-Absatz wurde herausgenommen, da er das Schriftbild unruhig machte. Der Kommentar-Link in der Jornalübersicht ist nun neben dem Datum. Das hat sich schon bei vielen Weblogs beliebt gemacht und wurde auch von mir für sinnvoll erklärt.

  • Seitenüberschriften werden nun mehr hervorgehoben.

  • Recommended Sites sind nun auf jeder Seite zu finden.

  • Das Archiv im Journal wurde optimiert. Es werden die letzten 5 Einträge und eine Monatsübersicht angezeigt.

  • Das Archiv im Forum wurde optimiert. Einträge, die älter als 30 Tage sind, werden ins Archiv verschoben.

Was hat sich noch so getan?

Tja, nach drei Tagen Stille kann ich euch folgende Nachrichten bringen:

Tom Weber hat nun seine Seite wieder online. Sein Auftritt ist viel seriöser und eleganter. Sehr freundliches Design namens Clouds schmückt nun die Seite.

Einfach persönlich meldet: Eine interessante Zusammenstellung von Links zum Thema Zoom Layouts von Joe Clark.

Neuer Artikel auf Pixelgraphix: Flock Developer Preview vorgestellt

XXL-Feed

Die Vorbereitungen für den XXL-Feed wurden von mir bereits getroffen, doch dieser ist noch nicht ganz fertiggestellt. Es wird wohl noch 1 - 2 Tage dauern. Der Links in der Sidebar oder im Footer sind also leider noch tot. Aber so könnt ihr wenigstens meine neue 404-Fehlerseite anschauen :)

Feedback

Was meint ihr? Hat sich der Relaunch für euch gelohnt? Würde mich über eure Kommentare darüber freuen.


8 Kommentare

tomsw am 21. Oktober 2005 #

sieht gut aus, doch fuer meinen geschmack immer mehr nach bartelme

Martin Labuschin am 21. Oktober 2005 #

Findest du? Wahrscheinlich wegen den neuen Plazierungen von Datum, Kommentare und Weiterlesen. Doch diese Formatierungen gibt es auch bei Pixelgraphix, Einfach persönlich usw...

tomsw am 21. Oktober 2005 #

ps: danke dass du mich erwähnt hast! ;)

tomsw am 21. Oktober 2005 #

ah ok^^

Mike am 21. Oktober 2005 #

Wirklich sehr gelungen! Besonders gefällt mir die Hervorhebung des neuesten Artikels. Ich denke ich muss mir auch langsam mal ein paar individuelle Dinge einfallen lassen um mein schnödes allerwelt-Template ein wenig individuell zu machen - einige Anregungen konnte ich zumindest gewinnen.

Christof Dorner am 22. Oktober 2005 #

Das Design gefällt mir sehr gut, ich weiss zwar nicht wie das alte war, deshalb kannich keinen Vergleich ziehen.

PS: Bin über Toms Seite hierher gekommen ;)

Martin Labuschin am 22. Oktober 2005 #

Ich habe nur das Markup ein wenig verbessert und die Style Sheets neu geschrieben. Designtechnisch hat sich eigentlich nichts geändert. MfG

Darren am 3. Dezember 2005 #

Ich fände es prima, wenn die Kommentare nicht linksbündig, sondern als Blocksatz angezeigt werden würden.
Das sieht immer so fein professionell aus.

Diskussion geschlossen

Die Kommentarfunktion dieses Artikels wurde deaktiviert. Private Mitteilungen an Martin bitte per E-Mail an martin@labuschin.com. Danke.