Responsive Webdesign

: Content is like water (c) Stéphanie Walter

"Responsive Web Design" heißt übersetzt "reaktionsfähiges Webdesign". Dieser Begriff wurde 2010 vom amerikanischen Webdesigner Ethan Marcotte in einem bei alistapart.com erschienenen Artikel geprägt.

Dabei liegt mit dem "Responsive Web Design" streng genommen gar kein aktueller Trend vor. Vielmehr ist es eine Rückbesinnung auf die Eigenschaft, die HTML-Dokumente seit jeher ausmacht: ihre Flexibilität.

Öffnen man ein einfaches HTML-Dokument im Browser, egal welches Dokument, egal mit welchem Browser, dann passen sich die Inhalte automatisch an die Fenstergröße an. Reine HTML-Dokumente sind also von Natur aus reaktionsfähig.

Erst mit der Zunahme der Gestaltungsmöglichkeiten im Laufe der Jahre ging zunehmend jene Anpassungsfähigkeit verloren. Dahinter steckte oftmals das Bestreben der Web-Designer, aus der Printwelt bekannte Gestaltungselemente, wie zum Beispiel eine feste Breite, auf die HTML Dokumente anzuwenden. Somit wurde das ursprünglich reaktionsfähige Webdokument zu einer starren Seite degradiert. Responsive Webdesign ist somit kein neuer Trend, sondern eher eine Rückbesinnung auf fundamentale Eigenschaften der HTML-Dokumente.

Technische Basis hierfür sind neuere Webstandards wie HTML5, CSS3 und JavaScript.

Die Größe und Auflösung der Displays auf Laptops, Desktop-PCs, Tablets, Smartphones, E-Book-Readern und TV-Geräten können erheblich variieren. Aus diesem Grund sind das Erscheinungsbild und die Bedienung einer Webseite stark abhängig vom Endgerät. Webseiten, die mit einem reaktionsfähigen Design ausgestattet sind, berücksichtigen die unterschiedlichen Anforderungen der Endgeräte. Ziel dieser Praxis ist, dass Websites ihre Darstellung so anpassen, dass sie sich jedem Betrachter so übersichtlich und benutzerfreundlich wie möglich präsentieren.

Kriterium für das angepasste Erscheinungsbild sind neben der Größe des Anzeigegerätes beispielsweise verfügbare Eingabemethoden (Touchscreen, Maus) oder die Qualität der Internetverbindung.

Responsive Webdesign hilft uns heute, Inhalte leichter auf den verschiedenen Geräten erfassbar zu machen. Neue Geräte und Displaygrößen machen "Responsiv Design" zunehmend wichtig.