Alles neu macht der Mai …oder so ähnlich

Wer mein Blog des Öfteren besucht, dem wird das neue Design aufgefallen sein, was allerdings auch schwer zu übersehen ist, wenn man mich fragt, da sich bis auf den Aufbau alles geändert hat.

Was sich alles geändert hat und warum will ich nun im Laufe des Eintrags erklären.

Warum ein Redesign?

Ich bin ein Mensch, bei dem alles irgendwie gut aussehen muss. Dies hat zwar auch auf mein altes Design zugetroffen, jedoch habe ich mich nach einiger Zeit daran satt gesehen und bloggen hat mir keinen Spaß mehr gemacht. Aus diesem Grund habe ich beschlossen mein Blog von Grund auf neu zu gestalten und ein bisher einmaliges Design zu erschaffen.

Von der Idee bis heute

…ist einiges an Zeit vergangen. Ich plane schon seit Mitte Mai das Redesign, allerdings hat es viele Versuche gebraucht, bis ich dieses Design entwickelt habe. Einige meiner Ideen will ich nun hier präsentieren:

Das Problem an diesen Entwürfen war, dass ich irgendwann nicht mehr weiter wusste, wie ich es gestalten soll, so dass keine der bisherigen Funktionen verloren gehen und alles trotzdem noch gut aussieht. Ein anderes Problem war, dass ich mich nicht entscheiden konnte, was ich genau wollte und deshalb durchaus wild an die Sache gegangen bin.

Irgendwann hatte ich dann doch einen Geistesblitz, der mich schlussendlich zu diesem Design gebracht hat, welches rein von der Struktur her gesehen noch den gleichen Aufbau hat, allerdings im Hintergrund komplett anders aussieht.

Was passiert im Hintergrund?

Einerseits habe ich das Redesign genutzt und mein Blog auf die aktuellste Version von WordPress umgestellt, was momentan WordPress 2.6 Beta 3 ist und trotz der “Unfertigkeit” sehr gut funktioniert.

Andererseits habe ich, wie gesagt das Design von Grund auf neu geschrieben, also HTML, CSS, Javascript, usw. Zum HTML muss ich nicht viel sagen, dass kann sich jeder selbst anschauen, indem man sich den Quelltext anzeigen lässt.

Beim CSS habe ich diesmal einen kleinen Versuch gestartet und mich mit einem umfangreichen Basisstylesheet auf den Weg gemacht: Tripoli. Klar hätte ich das auch alles selbst machen können und damit wahrscheinlich sogar etwas weniger Traffic erzeugt, so jedoch habe ich eine sehr gute Grundlage für alle Browser gehabt, um eine einheitliche Darstellung zu erreichen und ich musste nicht an alle Elemente denken, die ich benutze. Beispielsweise finden sich auf der “Über ajaveeb”-Seite einige Abkürzungen, deren Style direkt von Tripoli kommt.

Auch Javascript habe ich diesmal aktiv im Einsatz. Zum einen Prototype für grundlegende Funktionen, dann Litebox für die Darstellung der Bilder und zu guter Letzt Prototip 2 für die ganzen netten Tooltips, die mal hier und mal da auftauchen.

Meine CSS- und Javascriptdateien habe ich dann noch mittels der beiden Tools Code Beautifier und Compressor zusammengestaucht, so dass sie von Haus aus weniger Speicher benötigen und damit weniger Traffic erzeugen und anschließend habe ich noch ein Skript geschrieben, welches alle diese Dateien in jeweils eine für CSS und Javascript packt und mittels gZip komprimiert. Dies geschieht jedoch nicht on-the-fly, sondern die Dateien werden gecached, so dass sie nicht bei jedem Seitenaufruf erneut generiert werden müssen, was nochmal etwas weniger Ladezeit bringt.

Sonst noch was?

Im Grunde genommen nein. Ich habe alles Wissenswerte gesagt und bin jetzt auf Meinungen gespannt. Schreibt einfach alles, was euch (nicht) gefällt oder Probleme macht in die Kommentare für diesen Beitrag.

4 Kommentare

2 Trackbacks

Kommentar schreiben