Markus Merz: Optimierung für Bildschirmauflösungen

Beitrag lesen

Also ich bin mit 1024b x 1280h unterwegs und betreibe meinen Firefox immer im maximierten Modus. Im Kommentar hier drüber habe ich mal nachgemessen und sehe, dass eine lange Zeile 870 Pixel breit ist. Das ist mir dann für eine gute Lesbarkeit auch zu viel, obwohl Schriftgröße und Zeilendurchschuss auf dieser Seite echt OK sind.

Ich betreibe seit Anfang des Jahres eine Webseite mit der Blog/CMS-Software Textpattern (sehr empfehlenswert!) und verwende ein einspaltiges Fertiglayout wo die meisten Zeilen bei ca. 720 bis 750 Pixeln umgebrochen werden. Die fixierte Spaltenbreite beträgt 760 Pixel und ist optisch soweit ganz robust und halbwegs gut lesbar (Ich hadere da noch etwas mit der serifenlosen Schrift).

Was mir allerdings im Laufe der CMS Auswahl aufgefallen ist, dass die meisten Pakete von Haus aus keine richtig tollen und barrierefreien gut kommentierten Grundlayouts mitbringen und man deswegen als Nicht-CSS-Profi (Ich) einige Probleme hat das Ganze richtig hin zu biegen. Vom Zeitaufwand mal ganz zu schweigen.

Ich würde also von der Pixel x Pixel Optimierung oder der hier aufgeworfenen Viewport Betrachtung mal abgesehen dafür plädieren einer Blog- oder CMS-Software ein paar gute robuste und barrierefreie Layout-Lösungen mitzugeben. Einen Grund für die häufig anzutreffenden 'schlechten' Standard-Layouts sehe ich nämlich darin begründet, dass ein CSS-Laie (Ich) sein Blog installiert und halt nimmt was er kriegen kann.

Zur barrierefreien Webseite gehört für mich auch unbedingt ein Layout-Switcher, der einfach und nachvollziehbar verschiedene Schriftgrößen, Seitenbreiten und Farbkombinationen anbietet.

PS: Bei einem meiner Blogs, das für 1024 Pixel Breite optimiert ist, habe ich seit Anbeginn einen stabilen Anteil von 25% von anscheinend leidenswiligen 800 x 600 Lesern. Andererseits habe ich darauf geachtet, dass die Hauptspalte nur 720 Pixel breit ist. Die Leser scheinen also nach eimaligem Querscrollen gut auf die Sidebar verzichten zu können :-)

0 52

Optimierung für Bildschirmauflösungen

Mathias Schäfer (molily)
  • barrierefreiheit
  • essays
  1. 0
    Perun
    • essays
  2. 0
    Steffen
    • essays
  3. 0
    Steffen
    • essays
  4. 0
    Monika
    • essays
  5. 0
    Mathias Schäfer (molily)
    • essays
  6. 0
    Monika
    • essays
  7. 0
    Thomas Mueller
    • essays
  8. 0
    Ralf
    • essays
  9. 0
    Dirk
    • essays
  10. 0
    Jeena Paradies
    • essays
  11. 0
    Dirk
    • essays
  12. 0
    Yves Goergen
    • essays
  13. 0
    Markus Merz
    • essays
  14. 0
    Mitch
    • essays
  15. 0
    Jörg
    • essays
  16. 0
    martin
    • essays
  17. 0
    Ünal Aydin
    • essays
  18. 0
    Roland Skop
    • essays
  19. 0
    Veit Krahl
    • essays
  20. 0
    jürgen
    • essays
  21. 0
    Perun
    • essays
  22. 0
    Zoi
    • essays
  23. 0
    Uruk
    • essays
  24. 0
    nicname
    • essays
  25. 0
    Davie
    • essays
  26. 0
    Zoi
    • essays
  27. 0
    Davie
    • essays
  28. 0
    Dirk Wohlrabe
    • essays
  29. 0
    Jeena Paradies
    • essays
  30. 0
    Mathias Schäfer (molily)
    • essays
  31. 0
    Struppi
    • essays
  32. 0
    weddige
    • essays
  33. 0
    Mathias Bigge
    • essays
  34. 0
    ryback
    • essays
  35. 0
    Markus Merz
    • essays
  36. 0
    Wilhelm
    • essays
  37. 0
    ff-webdesigner
    • essays
  38. 0
    Andy
    • essays
  39. 0
    Lars
    • essays
  40. 0
    Nuno
    • essays
  41. 0
    Lars
    • essays
  42. 0
    Nuno
    • essays
  43. 0
    Froschkoenig84
    • essays
  44. 0
    Jens
    • essays
  45. 0
    Gert Ebersbach
    • essays
  46. 0
    Ralph Schumann
    • essays
  47. 0
    Stefan
    • essays
  48. 0
    Vitaliy Köln
    • essays
  49. 0
    Tom
    • essays
  50. 0
    Michael
    • essays
  51. 0
    Mathias Schäfer (molily)
    • essays