Die Webdesign-Welt wartet schon lange sehnsüchtig darauf. Und grundsätzlich ist das mit dem Spaltensatz bzw. dem CSS Multi-column Layout Module in CSS3 ein wichtiger neuer Baustein.
Man kann das ganze heute schon realisieren. Wenn auch nur mit Extra-Klimmzügen, will man es crossbrowser-mäßig heute schon einsetzen.
Webdesigntrends sind Frühjahr für Frühjahr ein beliebtes Thema. Nie waren wir hipper als dieses Jahr und verkürzen uns so die Wartezeit bis zum noch besseren kommenden Jahr.
So war u.a. der Spaltensatz in CSS3 Thema im Artikel Web Design Trends for 2010.
Now, with increased screen resolutions and the advent of grid layouts, more designers are adapting this method to the web to make websites easier to use and to fit in more content.
In den meisten Fällen war es bisher aber so, dass mir die Sache das Lesen enorm erschwert hat. Grund hierfür ist der unreflexierte Einsatz. Effekthascherei wird auch mit CSS3 fehl am Platz sein. Lesbarkeit ist ein wichtiges Gut. Auch in modernen Zeiten und eigentlich mindestens schon so lange es Print (-design) gibt 😉
Droht der Spaltensatz zur neuen Mikroskopschrift zu werden?
Using several columns allows you to fit more content in the same space.
Daniel sagt:
Ich bin uch gespannt wie es mit diesem CSS3 Feature weitergeht. Schatten und runde Ecken sind auf jeden Fall schonmal nützliche tolle Features.
21. Mai 2010 — 21:49
dirk sagt:
Beim Lesen fängt man links oben an, bis zum Ende der Spalte. Dann springt man zum Anfang der nächsten Spalte und liest weiter bis nach unten. Undsoweiter. Das kann leider nur gutgehen, wenn man immer genau weiss für welche Fenstergröße man gestaltet. Scrollen ist jedenfalls tödlich. Also eher was für Tabletcomputer. Wenn die Hersteller sich jetzt noch alle darauf einigen, eine einheitliche Bildschirmauflösung zu verwenden, steht einer flächendeckenden EInführung ja nichts mehr entgegen 😉
21. Mai 2010 — 22:46
Michael van Laar sagt:
Ich schließe mich Dirk an. Solange kein Scrollen notwendig ist, kann es sinnvoll sein. Allerdings kann man dann mehrere Spalten entweder nur für sehr kurze Texte einsetzen, so dass die Spalten maximal … ja wie hoch denn eigentlich werden dürften? Eigentlich kann man über die „Standard“-Viewporthöhe ja so gut wie gar nichts sagen.
Ich persönlich gehe zwar bei der Gestaltung immer von ca. 550 bis 600 Pixeln sichtbarer Höhe aus. Aber das Abschätzen der Sichtbarkeit von Elementen auf einer Startseite ist ja nicht zu vergleichen mit der Usability-gerechten Erstellung eines Mehrspaltensatzes.
Eigentlich müsste man sowohl die Viewporthöhe, die Schriftgrößeneinstellung bzw. Zoomstufe als auch die aktuelle Scrollposition in die Überlegung mit einbeziehen. Und das alles natürlich dynamisch und vollautomatisiert, aber bitte ohne Ruckeleffekte.
Um das umzusetzen wird wohl sicherlich noch die ein oder andere Zeile JavaScript draufgehen 😉 Ich persönlich werde wohl noch lange Zeit die Finger vom CSS3-Mehrspaltensatz lassen. Außer ich habe irgendwann einmal so viel Zeit und Muße, um mich da richtig tief reindenken zu können. Aber wer hat schon Zeit 😉
22. Mai 2010 — 17:16
Nico sagt:
Naja, ich schätze, dass wohl das gleiche kommen wird wie mit jeder anderen nützlichen Funktion auch: Es wird genutzt werden, auf gute als auch schlechte Weise.
Es kann nützlich sein, wenn man es mit Hirn einsetzt, geht aber fürchterlich in die Hose, wenn man sich keine Gedanken darüber macht, was es Usability-technisch für den Leser bedeutet.
Und klar, Scrollen im Spaltensatz ist furchtbar, das sollte sich wirklich auf eher kurze Texte, beziehungsweise eine geringe Texthöhe beschränken.
LG, Nico
22. Mai 2010 — 18:52