Responsive Design

(C) 2015 Patricia Krabbes

Beim Responsive Webdesign wird unter Anwendung von HTML5 und CSS3 Media-Queries das Layout einer Webseite so flexibel gestaltet,

dass dieses auf dem Computerbildschirm, Tablet und Smartphone die Benutzerfreundlichkeit bietet und der Inhalt vollständig und schnell vom Besucher aufgenommen werden kann.

Der Begriff "Responsive Design" bedeutet dabei "reagierendes Webdesign": Inhalts- und Navigationselemente sowie der strukturelle Aufbau der Seite werden an die Bildschirmauflösung des Endgerätes angepasst.

Der steigende Marktanteil von Smartphones und anderen mobilen Endgeräten erfordert ein Umdenken bei der Gestaltung von Webseiten. Bei einer Trennung von Mobil- und Desktopversion der Webseite entsteht ein erhöhter Pflegebedarf für den redaktionellen Inhalt und das Bildmaterial. Dem kan durch die Verwendung von responsive Webdesign effektiv entgegengewirkt werden.