Umbraco CMS
OPTEN, das einzige Umbraco-zertifizierte Unternehmen der Schweiz
16. Februar 2012

Responsive Webdesign

Unsere beiden Lernenden entwickelten zusammen eine kleine Beispielwebseite um die Funktionalität von "Responsive Webdesign" zu zeigen.


Die Webseite www.stuecheli.ch wird durch den Einsatz dieser modernen Technologie auf kleinen Bildschirmen, wie das eines iPhones, unterschiedlich dargestellt als auf "normalen" Bildschirmen. Elemente, wie zum Beispiel die Darstellung der Navigation, passen sich so automatisch dem Ausgabegerät an.

 

Responsive Design bezeichnet eine Praxis im Webdesign, bei der der grafische Aufbau von Webseiten dynamisch und unter Berücksichtigung der Anforderungen des betrachtenden Gerätes erfolgt. Eine dafür wesentliche Voraussetzung sind Media Queries, also die Abfrage von Art und Eigenschaften des betrachtenden Gerätes. Eine Webseite wird somit auf einem großen Display anders dargestellt als auf einem Tablet-Computer/Tablet-PC oder Smartphone. Die Webseite berücksichtigt somit die jeweiligen Anforderungen an die Darstellungsmöglichkeiten als auch an das GUI und die Bedienung, Bedien-Routinen und Eingabebesonderheiten des jeweiligen Gerätes.

Wikipedia - Responsive Design