Klar, Responsives Design* müssen wir auch nutzen: Was lag also näher als mit unserer eigenen WebSite zu beginnen und unsere Fähigkeiten zu trainieren. Herausgekommen ist ein Design, dass sich den verschiedenen Geräten anpasst. Egal ob die User einen Desktop-PC, ein Smartphone oder einen Tablet-PC nutzen. Die Darstellung auf diesen Geräten unterscheidet sich durchaus voneinander, aber das „Look and Feel“ bleibt erhalten.

• IconScreen GmbH
• 08.2011 — ...
• HTML5, CSS3
• Responsives WebDesign
• www.iconscreen.de
• Webdesign

* = Responsives Design bezeichnet eine Praxis im WebDesign, bei der die grafische Darstellung von Webseiten dynamisch und unter Berücksichtigung der Anforderungen des betrachtenden Gerätes erfolgt. (Wikipedia) Voraussetzung dafür sind Media Queries und der Einsatz von flexiblen (prozentualen) Größenangaben. Aus der browserseitigen Abfrage von Art und Eigenschaften des betrachtenden Gerätes und der vorgegebenen Flexibilität ergibt sich die angepasste, optimierte Darstellung. Wobei der Siegeszug der mobilen Endgeräte (iPhone und Co.) gewiss nicht aufzuhalten ist – wir selbst nutzen diese auch zunehmend häufiger – aber vergessen werden sollten herkömmliche Desktop-PCs auch nicht. Sie bilden zur Zeit doch die häufigste Nutzung im gemeinen Alltag.

Verschieden Ansichten für verschiedene Geräte