Tag Archives: Reagierend

Responsive Webdesign

14 Jul

Reagierendes Webdesign

Responsive Webdesign bzw. reagierendes Webdesign ist zur Zeit ein Trendthema im Bereich Webdesign. Mithilfe von css Media Queries (CSS 3) lässt sich das Layout einer Webseite an die zur Verfügung stehende Bildschirmgröße anpassen.

Ein tolles Beispiel für reagierendes Webdesign ist die Seite von Simon Collison. Ändert man dort die Größe des Browserfensters lässt sich erahnen, wie die Seite auf Mobilgeräten oder dem iPad angezeigt würde. Die Seite Hicksdesign und dconstruct dürfen ebenfalls als gute Beispiele für diese Art der Programmierung herhalten.

Die Lesezeichen

Der Artikel Responsive Web Design von Ethan Marcotte zeigt anhand einer einfachen (aber schönen) Beispielseite, wie Media-Queries angewandt werden können. Einen ausführlichen Artikel von Chris Mills zu den Media-Queries gibt es bei peachpit.com. Einen schönen und anschaulichen Artikel in deutscher Sprache zum Thema gibt es auf drweb.de.