Responsive Webdesign (RWD; engl. responsive = reagierend) ist ein Ansatz für Webdesign. RWD sorgt dafür, dass Websites auf einer Vielzahl von Geräten und Fenster- oder Bildschirmgrößen gut dargestellt werden. Inhalt, Design und Leistung sind auf allen Geräten notwendig, um Benutzerfreundlichkeit (engl. usability) und Zufriedenheit zu gewährleisten.
Eine mit RWD entworfene Website passt das Layout an die gegebene Anzeigeumgebung durch folgende Aspekte an:
- Fluid-Grid-Konzept → die Größe der Seitenelemente werden in relativen Einheiten wie Prozentsätzen und nicht in absoluten Einheiten wie Pixeln oder Punkten angegeben
- Flexible Bilder → Bilder werden ebenfalls in relativen Einheiten dimensioniert.
- Mediaqueries → CSS-Stilregeln werden verwendet, die auf den Eigenschaften des Geräts basieren, auf dem die Website angezeigt wird, z.B. Breite des Browsers.
- Reaktionsfähige Layouts → Layouts passen sich automatisch an die Bildschirmgröße jedes Geräts an.
Responsives Webdesign hat an Bedeutung gewonnen, da der Anteil des mobilen Datenverkehrs inzwischen mehr als die Hälfte des gesamten Internetverkehrs ausmacht. „Responsive Webdesign“ als ein Begriff geht auf einen Bericht von Ethan Marcotte zurück, der 2010 im Magazin „A List Apart“ veröffentlicht wurde.
http://alistapart.com/article/responsive-web-design
« Back to Glossary Index