Responsive Webdesign

T 07141 - 4 888 660 | E hello@becklyn.com

Unter Responsive Webdesign oder Design versteht man, dass strukturierte Entwickeln von Webseiten in HTML5 und CSS 3 , so daß diese auf verschiedenen Endgeräten dargestellt werden können. Das Endgerät kann z.B. ein Computer, ein Tablet, Fernseher oder Smartphone sein. Dabei passt sich die Webseite entsprechend der Bildschirmauflösung des Endgerätes in Breite, Höhe, Navigation und Inhalten automatisch an.

Mit den reisenden Absatzzahlen an von Smartphones und Tablets macht Responsive Design Sinn. 2011 wurden ca. 14,5 Mililonen Smartphones verkauft. 2012 sollen 18 Millionen Smartphones alleine in Deutschland sein. (Quelle: Focus)

Auch der Anteil der Seitenaufrufen über  Smartphone hat sich prozentual gesteigert. Diese Zahlen belegen, dass das Web immer mehr mit dem Smartphone betrachtet wird. Die Anpassung der Webseiten für Smartphones steigt ebenfalls stetig. Wenn Sie heute bereits über den Launch oder Relaunch Ihrer Webseite nachdenken, so können Sie davon ausgehen, dass wir die Technologien von morgen bereits kennen,  in unserer Konzeption mit einbeziehen und Sie umfassend beraten und anbieten.


Die Vorteile von Responsive Webentwicklung sind

  • Großer Mehrwert für den Endbenutzer und die Zielgruppe
  • Eine Optimierung für alle Touch-Geräte und Smartphones
  • Die Webseite funktioniert unabhängig von dem Endgerät und
    seiner Bildschirmauflösung
  • Alle Inhalte passen sich flexibel an. Texte und Bilder werden
    automatisch skaliert.
  • Umsetzung mit CMS-Systemen wie TYPO3, WordPress, Magento Onlineshops und yii-Framework möglich

Wie funktioniert Responsive Design?

Mit Hilfe von Media-Queries können die Eigenschaften des Browsers abgefragt werden. Dadurch erfolgt beim Betrachten der Webseite der Aufruf von verschiedenen CSS Deklarationen welche optimiert auf die Eigentschaften
des Browsers sind. Media Queries werden von allen modernen Browser und Smartphones unterstützt. (Internet Explorer 9, Chrome, Safari 3+ und Opera 7+). Für ältere Browser kann die Technologie mittels Javascripten nachgerüstet werden.