Ri-di-sein
Ja, dies ist eine erste Vorschau, auf die sich in Arbeit befindende fünfte Version dieser Seite. Nein, dies ist nicht das finale Design. Es wird noch Monate dauern, bis daraus eine Version entstanden ist, die ich auf den Server laden kann. Zum ersten Mal fange ich ganz und gar mit dem eigentlichen CSS Layout an und wie man sieht, wird sich nicht allzu viel ändern, ganz einfach weil ich denke, eine gute Lösung gefunden zu haben. Wie man auf dem Bild sieht, werden nur ein paar Sachen verschoben und auf ein echtes Raster gelegt. Auch die neue Version wird für eine 800 Pixel breite Auflösung entstehen. Das Grundraster der Seite, wird aus 3 Spalten, mit einer Breite von je 224 Pixeln, bestehen. Zwar besitzen die meisten Besucher dieser Seite eine höhere Auflösung, aber die wenigstens maximieren ihre Browserfenster, und ich hasse es selbst, dazu gezwungen zu werden. Was uns zum Punkt fixe Breite bringt.
liquid Layout
Gern würde ich eine flexible Gestaltung bringen, nur das Problem der Bilder innerhalb der Einträge verhindert dies. Ich habe keine Lösung gefunden, die Bilder unterschiedlicher Größe im flexiblen Textfluß, optisch immer ansprechend darstellt. Auf obstruse Javascript Lösungen mit mehreren festen Breiten verzichte ich auch. Ich habe nicht so viele Informationen zu präsentieren, um ein flexibles Layout mit breiterem Raster zu rechtfertigen, darum wird die momentane Lösung nur gezielt verbessert.
Dieser erste Versuch, ging sehr schnell von der Hand. Ich merke wie sehr sich die Arbeit mit CSS beschleunigt. Was früher noch eher einem Trial&Error Prinzip glich, ist heute ein gezieltes Arbeiten, ohne große „Woah, welche CSS Formatierung bewirkt nun wieder diesen Fehler“ Momente. Nicht ein IE Fehler ist im momentanen Konzept zu finden. Hallelujah.
1 Kommentar
Für diesen Eintrag wurden die Kommentare geschlossen.
global $hemingway ?>Klasse Entwurf, gefällt mir als Freund des „Whitespace“ wirklich gut, Kompliment!