Responsive Webdesign

Was ist das?

Responsive Webdesign ist ein technisch und gestalterischer Ansatz zur Erstellung eines Layouts welches sich an die Eigenschaften des jeweils benutzten Endgerätes anpasst. Durch die automatische Anpassung an die Bildschirmauflösung eignet sich das Responsive Webdesign insbesondere dazu Websites für mobile Endgeräte zu optimieren.

Die Standard Auflösungen von Smartphones und Tablets:
Smartphones: 320px bis 480px
Tablets: 768px bis 1024px
Computer-Desktop und Laptops:1024px+

responsives webdesign

Was bietet Responsive Webdesign

Eine flexible Seite für alle möglichen Endgeräte und Bildschirmauflösungen. Je nach Auflösung des Gerätes passen sich die Inhalte der Website (Texte, Grafiken,Slider und Tabellen) und strukturelle Elemente dynamisch an. Dies ermöglicht Usern auf allen Endgeräten einen übersichtlichen Zugang zu Inhalten, ob es nun durch die Muas(klicken und überfahren) oder durch Touchscreen (klicken und wischen) geschieht

Technische Basis sind HTML5, CSS3 und Javascript und ein Gridsystem. Eine wesentliche Voraussetzung sind Media Queries, welches unterschiedliche Designs in Abhängigkeit von bestimmten Eigenschaften des Ausgabemediums erlaubt.
Mit Hilfe von Media Queries können Eigenschaften wie zum Beispiel die Auflösung des Endgeräts, Eingabemöglichkeiten (Tastatur oder Touchscreen) oder dessen Orientierung bestimmt werden.

Wir nutzen Cookies auf unserer Website um diese laufend für Sie zu verbessern. Weitere Informationen zu Cookies erhalten Sie in unserer Datenschutzerklärung