dyingeyes weblog: das persönliche Weblog von Boris Stumpf aus Frankfurt am Main

Dieses Blögchen ist nach wie vor und auch in Zukunft weder für irgendeine Auflösung noch für eine Bildschirm- oder Browserfenstergröße »optimiert«. Trotzdem gibt es da natürlich eine durchaus interessante akademische Diskussion über feste versus fluide Layouts, über mehr oder weniger sichere Erkenntnisse über verwendete Bildschirmauflösungen und Viewport-Größen sowie über die Frage, für welche Auflösung (und auch hier) man seine Layouts »optimiert«. An den genannten Orten finden sich im Übrigen auch interessante Diskussionen in den zahlreichen Kommentaren.

Wie dem auch sei, ich habe da auch meinen Standpunkt und bevorzuge weiterhin eher feste Layouts, einfach weil der Zeilenfluss leichter im Sinne der guten Lesbarkeit kontrollierbar ist. Es macht in dieser Hinsicht einfach wenig Sinn, per prozentualer Bemaßung ein fluides Layout zu erzeugen, wenn ich damit eine Bandbreite von 800 Pixel Breite bis zu 1900 Pixeln abdecken muss.

Der o.a. erwähnte »Viewport« übrigens ist der Bereich im Webbrowser-Fenster, der für die Anzeige eines HTML-Dokuments verfügbar ist.

Ich könnte mir trotz allem durchaus eine dynamische Lösung vorstellen, in welcher ein DOM- oder Javascript die aktuelle Größe des Viewports ermittelt und daraufhin einen passenden prozentualen Wert für die Breite des Seiteninhalts einstellt. Vielleicht etwa so:

Breiter Viewport (z.B. < 1200 Pixel): Breite des Inhalts-Bereichs = 60 Prozent
Mittlerer Viewport (z.B. 900-1200 Pixel): Breite des Inhalts-Bereichs = 75 Prozent
Schmaler Viewport (z.B. > 900 Pixel): Breite des Inhalts-Bereichs = 90 Prozent

Jedenfalls habe ich inzwischen wieder beschlossen, hier im Blögchen die Möglichkeiten von WordPress zu nutzen und mehrere Themes anzubieten. Um diese Theme-Auswahl dem Leser zugänglich zu machen, ist die Installation des Theme-Switcher-Plugins notwendig, zuzüglich der Einbindung der dort angegebenen Codezeilen in die ›sidebar.php‹ aller (!) Themes.

Das neue Theme entspricht exakt dem bekannten Theme (›I love Orange‹) mit dem Unterschied, dass es anstatt 750 Pixel 880 Pixel breit läuft und über durchgängig etwas größere Schriftgrößen verfügt.

Wer also aufgrund irgendwelcher Display-Auflösungsmonstrositäten oder körperlicher Befindlichkeiten etwas mehr Laufbreite und etwas größere Schrift mag, kann jetzt einfach umschalten (rechts oben in der Seitenleiste).

Da ich das gestern Abend in einem Schnelldurchgang gebastelt habe, mag es noch die eine odere andere Unpässlichkeit im größeren Layout geben. Auch bezüglich der gewählten Laufbreite und der Schriftgrößen bin ich noch nicht wirklich sicher, so dass ich da und dort möglicherweise noch etwas schrauben werde…

Dieser Inhalt (Textbeitrag und Fotos) ist unter einer Creative-Commons-Lizenz BY-NC-ND lizenziert.

Kategorie(n): Webdesign
Tags: Auflösung, Theme-Switcher, Viewport

Kommentare und Pings geschlossen.

Kommentar-Feed (RSS) zu diesem Artikel