Wenn ich den Experten glaube, dann wird es im Jahre 2014 mehr mobile Geräte wie Smartphones und Tablet-PCs als stationäre Computer geben. Mit diesen Geräten und den unterschiedlichsten Browsern kann man im Internet mobil Surfen.
Das Problem dabei ist, dass die genannten Geräte unterschiedliche Bildschirmformate und Anzahl Pixel besitzen.
Bisher behalf man sich mit unterschiedlichen Domains und spezieller Aufbereitung der Webseite für die einzelnen Formate. Das ist mühselig und hinterlässt immer wieder Lücken durch nicht berücksichtigte Hardware.
Ein anderer Ansatz ist es, in dem Content Management System (CMS) zusätzliche Software zur Aufbereitung zu nutzen. Diese erkennt von welchem mobilen Gerät und Eigenschaften die Anfrage kommt. Das funktioniert recht gut, hat jedoch auch hier den Nachteil, dass dieser Programmcode immer wieder angepasst werden muss, um alle Bildschirme und deren Formate zu erkennen. Auf jeden Fall haben Webseiten und Blogs mit dieser Technik unterschiedliches Aussehen. Außerdem werden nicht alle Dinge, zum Beispiel Bilder und manche Widgets nicht richtig oder gar nicht dargestellt.
Ein Ausweg aus dieser Misere sind sogenannte responsive Layouts auf Basis Cascading Style Sheets Version 3 (CSS3). Diese sind mit mehreren HTML 5 Browsern kompatibel, zum Beispiel Google Chrome, Firefox, Safari und bedingt Internet Explorer 9.
Diese responsive Layouts sind durch Veränderung des CSS individuell anpassbar. Je nach Bildschirmgröße werden die Inhalte vollständig angezeigt bzw. entsprechend die Texte umgebrochen. Reicht der Platz auf dem Bildschirm immer noch nicht aus, werden die der Navigation dienenden Sidebars unter den Inhalt (Content) der eigentlichen Webseite verschoben.
Ich denke Webseiten mit der Technik des responsiven Layouts auf Basis Cascading Style Sheets sind die Technik zur Erstellung von Webseiten und Blogs mit einheitlichem Erscheinungsbild für die nächste Zukunft.
Sehr gute Beiträge zu dem Thema finden sich auf der Webseite von Elmastudio.
Das könnte Sie auch interessieren: