CSS Textspalten
Mehrspaltige Layouts sind dank CSS kein Problem. Schwierig wird es, wenn ich reine Textspalten möchte. Bis heute, sollte die nächste Version dieser Website im Haupteil, sämtliche Artikel in einem gleichmäßig geteilten 2 Spalten Satz anzeigen. Wie man sieht funktioniert das ganze auch irgendwie, das Problem ergibt sich erst, wenn man das ganze dynamisieren möchte.
Ich werde sowieso schon die meisten alten Einträge per Hand nacheditieren müssen. So richtig furchtbar wird es erst, wenn ich anschließend in ferner Zukunft wieder was ganz anderes machen möchte, dann muss wieder jede p-Class und p-ID geändert werden. Mit zunehmendem Umfang eine Drecksarbeit.
Momentan bin ich nun am überlegen, ob der Aufwand bald zu groß wird. Die Lösung wie sie auf der Testseite zu sehen ist, je eine Class pro Spalte anzulegen, ist die wohl beste Lösung. In Zukunft braucht dann jeder p-Block eine Klasse. Wenn ich die Klassen generisch anlege, könnte ich auch in Zukunft damit arbeiten.
Das Problem ist offensichtlich. Im Webdesign gibt es kein fixes Format und auch keine feste Höhe. Deshalb ist der Gedanke von Textspalten schon im Ansatz eher zweifelhaft. Wenn der User eine Spalte gelesen hat und dabei schon scrollen musste, dann muss er für die zweite Spalte wieder nach oben scrollen und das ganze nochmal. Ziemlich übel, darum funktionieren im Webdesign die 1-spaltigen Texte so gut. Wieder so ein klassisches Blog-Ding, was einfach super funktioniert, schwer hier etwas zu verbessern.
Ich wollte 2 Inhaltsspalten haben um flexibler zu sein. Momentan ist die Nebenspalte in den einzelnen Einträgen eher tot. Gleichzeitig sind Inhaltselemente maximal auf 468 Pixel Breite beschränkt. Falls ein Bild größer ist, passt es momentan nicht ins Layout. Auch deswegen wollte ich 2 Inhaltspalten über die gesamte Breite haben. Das ganze ist nicht so einfach wie erwartet.
„Nail the typo and you´re almost done.“
Für die Lesbarkeit ist die momentane Breite perfekt, in meinen Augen. In einer breiteren Spalte nimmt die Lesbarkeit sofort ab. Hier werd ich noch ein bischen testen müssen, um den idealen Mittelweg zu finden. Als erstes werde ich den Punkt Typografie komplett ausarbeiten, bevor auch nur eine Grafik ins Layout fliegt. Es ist äußerst interessant, wie effektiv dieses klassische 2-Spalten Blog Layout doch ist.
3 Kommentare
Für diesen Eintrag wurden die Kommentare geschlossen.
global $hemingway ?>Jaha… da schönste Paradox im Webdesign. Das W3C ebenso wie alle Markup-orientierten Webentwickler sind der Meinung, dass man das Dokument gemäß seiner inneren präsentationsneutralen Struktur zu annotieren hat und die ist ein Baum, der sich sinn voll linearisieren lässt. Zu Darstellung hat CSS verwendet zu werden.
Grafik insbesondere Typographie allerdings ist zweidimensional und die Ultima Ratio der Typographie, das Grundlinien Raster, bildet sogar eine Tabelle. Da sieht ein Blinder, dass sie beide Paradigmen nicht harmonisch verbinden lassen.Solange Markupsprachen und CSS nicht wirklich auf Konzepte der Typographie eingehen, werden sich Webdesigner immer mit solchem Gefrickelt umprügeln müssen oder einfach ihre Ansprüche runterschrauben.
Zusammengefasst: KISS ^_^Keep it simple, stupid. Oh yes i will.Die neue Inman Site ist bis auf die Navigation, absolut beeindruckend.
@Inman: puhh… alter Schwede. Respekt. Da hat wer Arbeit reingesteckt. Tabellenfrei. CSS. Crossbrowserkompatibel. Nur das Javascript hätte er sich schenken sollen.