Dank der weitgehenden Kompatibilität mit der neuesten Browsegneration ist es mittlerweile mit vergleichsweise geringem Aufwand möglich, das Design einer Webseite an das jeweilige Ausgabemedium anzupassen.
Responsives Webdesign ermöglicht die Erstellung anpassungsfähiger (adaptiver) Websites. Die Responsivität bezieht sich auf Anordnung, Position und Darstellung einzelner Elemente wie Navigation, Spalten, Inhaltsbereiche, Bilder, Medien und Texte, die sich nun an das jeweilige Ausgabemedium - Smartphones, iPhones, Tablets, Notebooks, Desktop-PCs - anpassen lassen. Grundlage hierfür sind die neuen Webstandards HTML5, CSS3 und Ajax.
Media Queries und CSS3 - immer gut aussehen!
Wo bis vor kurzem mit komplizierten, unzuverlässigen Javascripten aufwändig das Ausehen von Webseiten an Endgeräte wie bspw. Mobiltelephone angepasst werden musste, lassen sich nun mit den neuen Möglichkeiten von CSS3 sehr zuverlässig und ohne exorbitanten Aufwand Anpassungen an das jew. Endgerät - Computerbildschirm, Moibltelefon, Ipad usw.. - vornehmen.
Das Prinzip ist denkbar einfach - für jede gewünschte Auflösung und/oder Bildschirmorientierung und jedes Endgerät - bspw. ein Smartphone - kann ein eigener Style geladen werden - idealerweise ganz ohne zusätzliche Scripte. Bei entsprechend durchdachtem Aufbau einer Seite lässt sich auf diese Weise eine benutzbare Mobilversion ohne größe Anpassungen von Inhalt und Struktur erstellen.