Responsive
Webdesign

Geräteübergreifend kommunizieren – dynamisch, barrierefrei und nachhaltig

Was ist das eigentlich?

Responsive Webdesign basiert auf flexiblen Rastern und Layouts. Das Layout passt sich an die verfügbare Bildschirmauflösung an, positioniert und skaliert Inhalte wie Text und Bilder entsprechend. Das Webdesign reagiert also auf die Gegebenheiten des Endgeräts und liefert ein angepasstes Layout aus. Mit der Einführung und Integration von s.g. Media Queries können beispielsweise Parameter wie die Bildschirmgrösse abgefragt werden. Auf Basis dieser Informationen kann dem Endgerät spezifischer CSS-Code ausgeliefert werden, der ein Layout erzeugt, das auf die Gegebenheiten abgestimmt ist. 

Beispiele für responsive Webseiten


Lesen Sie dazu auch unseren Artikel: 
 

Commodore Computer

Ist Ihre Website mobile friendly?

Unbedingt, denn Google hat den Ranking-Faktor für mobile Webseiten eingeführt.

Vorteile

  • Keine seperate Erstellung von Inhalten notwendig. Eine Website für alle Geräte!
  • Mittlerweile werden mehr mobile Endgeräte als Desktops für das Surfen im Internet verwendet
  • Jederzeit an neue neue Geräte anpassbar
  • Google empfiehlt Entwicklern Responsive Webdesign und bewertet entsprechende Seiten im Ranking höher

Mehr dazu bei Google lesen
So fällt der Test aus für die Website xmental.de

Responsive Websites

Responsive TYPO3 Website Staatliche Museen zu Berlin - Ansicht Hamburger Bahnhof

Staatliche Museen zu Berlin
smb.museum

Ansicht Kalender

Werkraum Schöpflin
werkraum-schoepflin.de

Responsive TYPO3 Website Bucerius Kunst Forum Ausstellung Anton Corbijn

Bucerius Kunst Forum
buceriuskunstform.de

Ansicht Startseite

Tafel Akademie
tafel-akademie.de

Hayn/Willemeit
hayn-willemeit.de

Hahn und Partner
hahnundpartner.de

Responsive TYPO3 Website Schoepflin Stiftung

Schöplfin Stiftung
schoepflin-stiftung.de