Micro Relaunch
Ein Satz frischer Templates, ein paar CSS Tweaks hier und da und schon ist diese Seiteum einiges funktioneller. Soweit ich das sagen kann, bin ich wirklich zufrieden mit demErgebnis. Die neue Startseite ist genauso geworden, wie ich mir eine Indexseite einesBlogs vorstelle. Ich hab eine kurze Weile überlegt, was möchte ein Besucher sehen und wasmuss er sehen. Er muss auf keinen Fall eine lange Linkliste, die letzten 10 Einträge und sämtlicheIndexarchive sehen. Alles was geblieben ist, bezeichne ich als essentiell für die Startseite dieserWebsite.
Der jeweils aktuellste Eintrag ist nun besser erkennbar und erscheint nicht mehr ganz so blog-like wir vorher.Die eigentliche Idee war, auch nur wirklich den letzten Eintrag zu zeigen, nur besonders für Erstbesucher, ist eswichtig mehr als nur den Eindruck eines Eintrags zu bekommen. Neu dazu gekommen, ist eine Liste der letztenKommentare. Die Kommentare erscheinen momentan oft genug, damit so eine Liste Sinn macht. Die restlichenLinklisten zu den Indexarchiven sind verschwunden. Die Listen sind nun über den Archiv Link bzw. die KategorieLinks, in den jeweiligen Einträgen zu finden. Auch hier denke ich, diese Lösung ist besser als vorher.
Die alte Seitenleiste ist Vergangenheit. Hier hab ich sogar ein DIV Element rausschmeissen können, aber dazuspäter mehr. Da ich nicht das komplette Layout ändern wollte, bietet die Seite nun mehr Weißraum als vorherund in zukünftigen Einträgen werde ich diesen sicherlich für Verweise und ähnliches nutzen.
Typografie
Das Horrorthema schlechthin. Ich hab wieder mal versucht eine bessere einheitliche Linie in die Typografiezu bekommen. Link und Seiten Archiv besitzen nun die gleiche typografische Gestaltung. Die Überlegung hierwar folgende. Problem bei den Seiten Archiven ist in meinen Augen, die Unmenge an Informationen, sauberund strukturiert darzustellen. Der effektive Platz für Content ist in diesem Design sehr begrenzt, auf 540 PixelBreite um genau zu sein. Die Liste die vorher zu sehen war, resultierte in einer riesig langen Seite.
Um das zu vermeiden floaten die Listenelemente nun mit einer 12 Pixel großen Arial. Effektiver ist der Platz in meinenAugen nicht nutzbar, Ordnung stand hier vor Ästhetik. Die Arial ist für große Textmengen auf kleinstem Raum nicht zuschlagen. Eine Trebuchet und eine Verdana stinken da mächtig gegen ab. Der Rest der Typografie sind eher kleinere Änderungen,die nur unbewusst wahrgenommen werden. Eine Farbänderung hier, eine Größenänderung da und schon wirkt allesausgeglichener. Alles in allem ist die Typo insgesamt besser, aber weiterhin nicht 100% zufriedenstellend. Der Grund dafür?
CSS Chaos
Das Stylesheet der Seite ist ein einziges Chaos. Dies ist so ziemlich meine erste die vollständig auf CSS setzt undnun merke ich welche Fehler dabei gemacht worden. Angefangen von viel zu vielen Klassen und IDs bis hin zuunnötigen DIVs, alle klassichen Fehler habe auch ich gemacht. Das nächste Ziel ist nun, das Stylesheet und dasDIV Layout zu entschärfen. Immernoch trägt das body Tag die Hintergrundgrafik zu 100%, da brauch ich nochmalbischen mehr Zeit um da die Grafiken als mehr als dieses eine Element zu verteilen. Ich hab bei diesem Winz Upgradeschon mehr Zeit mit Suchen der CSS Fehler verbracht, als sonst. Das Thema Internet Explorer ist bis auf weitereserstmal auf Eis gelegt. Bis zum Release der 7er Version werde ich keine Seiten mehr anpassen und IE Bugs beheben.Alles verschwendete Zeit.
Und nun?
Nun lehne ich mich erstmal etwas zurück und bade in Zufriedenheit über dieses Ergebnis. Danach ist Aufräumenangesagt. Der Code vom CSS und von den Templates muss effizienter werden. Aber auf den ersten Blick ist dieSeite nett geworden. Yup, kann sich sehen lassen.
PS. HTML Umbruch Tags empfehlen sich ein Dutzend mal auf Richtigkeit zu prüfen.Tut man dies nicht, dann sucht man im schlimsten Fall mehrere Stunden im CSS Code, wieso Fonts fett dargestellt werden.Aus einem fiesen <br /> Tag, ist ein <b /> geworden und hat mirkostbarste Stunden des Lebens geraubt.
3 Kommentare
Für diesen Eintrag wurden die Kommentare geschlossen.
global $hemingway ?>Gefällt mir sehr gut!Ich sollte auch mal wieder was an meiner Seite machen…
Der Preis für den warscheinlich schnellsten Kommentar zu einem Eintrag dieser Seite geht an …. r. Herzlichen Glückwunsch zum Eintrag in die Geschichtsbücher dieser Website. Vielen dank :o)
will da gerade auch mal gratulieren g