XHTML, CSS & TypoScript Code-Richtlinien 25. Mai 2006
Posted by Eike in : Markup , 2 commentsWir haben ja sowas - in unseren Köpfen. Irgendwann gab’s das auch mal auf ein paar A4-Zetteln. Was haltet Ihr denn von sowas: XHTML- und CSS-Code-Richtlinien bei GMX (jo, wieder von Jens Meiert). Und jetzt bitte keinen Aufschrei, ich meine nur die Art und Weise. Und im Prinzip ist das Thema ja schon geklärt. Ich hätt’s nur gerne mal “schriftlich”.
Fixes oder variables Layout 15. Mai 2006
Posted by Eike in : Design, Markup , 1 comment so farWir müssen sowohl für das Design als auch für den HTML / CSS Code uns entweder für ein fixes oder varibles Layout entscheiden. der-rollenshop.de verwendet z.Z ein variables Layout das auf allen gängigen Auflösungen bis runter zu 800*600 funktioniert. Jungs (speziell Alex), verwehrt Euch jeglichen Kommentar zum Markup. Das war lange lange vor Eurer Zeit und auch lange vor XHTML/CSS. Ich werde noch aktuelle Statistiken über verwendete Bildschirmauflösungen veröffentlichen. Aus rein gestalterischen Gesichtspunkten würde man für ein fixes bzw. statisches Layout argumentieren, da wir hier absolute Kontrolle über das Erscheinungsbild auf unterschiedlichsten Auflösungen hat. Um jedoch den Spagat zwischen 800px und 1600px zu schaffen kommen wir wohl nicht um ein flexibles Layout herum. Hier ein paar weitere Anmerkungen:
Statisches / fixes Layout:
- Keine 100%ige Kontrolle über das Design, da nicht die Variablität von Auflösungen beachtet werden kann und wir dann evtl. große Freiräume bekommen.
- Unterschiedliche Layouts für unterschiedliche Auflösungen stufe ich mal als groben Unfug ein. Unsere Freunde von Microsoft machen das z.B. so.
- für die Zukunft ist es jedoch z.B. für mobile Browser (PDAs) sinnvoll ein komplett alternatives Layout anzubieten.
Ganz gleich welche Möglichkeiten uns da CSS bietet ist IMO auch ein anderes Markup sinnvoll / notwendig. - Ein statisches Layout ist einfacher und schneller umzusetzten und macht weniger (Kompatibilitäts-)Ärger
- Die Zeilenlänge kann statisch definiert werden. Es entstehen keinen ewig langen Zeilen, die kein Mensch lesen mag.
Variables Layout
- Ein variables Layout ist state-of-the-art, schick und demonstriert techn. Möglichkeiten
- Für Grafiken z.B. im Headerbereich müssen Übergangsbereiche / Verläufe geschaffen werden.
Die Designer von der-rollenshop.de haben das super gelöst.
mehr dazu bei Björn Seibert “Herausforderung elastistische Layouts“ - Ein elastisches Layout sorgt für mehr Benutzerfreundlichkeit, wenn die Technik optimal eingesetzt wird.
- Die gängige Praxis für variable Layouts (wie auch beim rollenshop) ist ein variabler Bereich (i.d.R. der Content) und die restlichen Bereiche werden statisch gehandhabt. Das ist IMO eher suboptimal.
Wir sollen uns Gedanken über die Variablitität auch von anderen Bereichen machen!
Fazit?
Von mir aus gibt es dazu kein endgültiges Fazit, wobei ich eher zu einem variablen Layout tendiere. Die Vorteile eines statischen Layouts sind hier vielleicht etwas zu kurz gekommen was nicht heißen soll, dass diese grundsätzlich schlecht sind. Skype.com oder Spiegel.de verwenden auch statische Layouts. Ebay geht da vielleicht den richtigen Weg oder hat auch nur einen faulen Kompromiss gefunden. Startseite statisch - Folgeseiten variabel