Responsive Design

Responsive Design (oft auch als Responsive Webdesign benannt) bedeutet so viel wie zu deutsch „reagierendes Design“. Responsive Design beschreibt eine flexible Gestaltung einer Webseite, die sich an das Display des jeweiligen Endgerätes des Nutzers anpasst. Webinhalte werden so stets optimal dargestellt, egal auf welchem Device – Ob Smartphone, Tablet oder Desktop.

Der grafische Aufbau einer responsiven Website erfolgt anhand der Anforderungen des jeweiligen Gerätes, mit dem die Website betrachtet wird. Eine Website sieht also nicht mehr statisch immer gleich, sondern auf jedem unterschiedlichen Device unterschiedlich aus. Dies betrifft die Platzierung und Darstellung einzelner Elemente, wie z.B. Navigationen, Seitenspalten und Texte. So werden Bilder und Texte unterschiedliche positioniert, ausgerichtet und umgebrochen.

Obwohl Responsives Webdesign noch eine recht junge Technik ist, so ist sie bereits heute im Webdesign nicht mehr wegzudenken. Da die Nutzung mobiler Endgeräte rasant steigt und somit auch Websites auf den  unterschiedlichsten Displaygrößen optimal angezeigt werden müssen, sollte man heutzutage bei der Erstellung einer Website unbedingt ein Responsive Webdesign wählen.

Responsive Design basiert auf den vom W3C definierten technischen Webstandards HTML5 und CSS3 sowie JavaScript.