Wir haben weitere responsive Seiten für Sie ins Netz gestellt:
zur Weiterleitung bitte auf das Bild klicken
Responsive Webdesign Was ist responsive Webdesign
Responsive Webdesign ist eigentlich keine neue Erfindung. Wenn man sich ein blankes HTML Dokument anschaut hat man eigentlich schon ein responsive gestaltetes Gerüst.
Responsive (reaktionsfähig) heißt eigentlich nur das sich das Design den Umständen anpasst.
Wenn wir das auf unsere blanke HTML Seite anwenden in der nur Text vorkommt, haben wir diese Aufgabe erfüllt. In unserem <body>-Tag steht ein Text. Dieser Text passt sich der Größe des Endgerätes an.
Doch was ist dann genau neu an dem Trend des responsive Webdesign?
Die Websites sind meist etwas komplexer. Die heutigen Websites bestehen nicht mehr nur aus Text alleine. Darin enthalten sind Bilder, Videos und auch das Layout an sich ist aufwändiger geworden.
Das Alles wäre kein Problem. Denn Dank CSS kann man diese Aufgabe auch gut meistern. Es wird ein Standard Grid Layout genommen und schon hat man ein ansprechendes Layout, dem ein starres Layout zu Grunde liegt.
Doch die Mobilfunk Technologie entwickelte sich rasant und aus normalen Handys wurden Smartphones die mittlerweile so viel Rechenleistung haben wie manch ein älteres Laptop.
Dadurch geht der Trend mehr und mehr weg von stationären Rechnern hin zu transportablen Geräten wie Smartphone, Tablet, Ultrabooks und Kindle.
Der Anstiegt von mobile Devices ist rasant und steigt immer weiter an. Diese Tatsache alleine wäre jedoch nicht schlimm. Allerdings haben alle diese Devices nicht immer die selbe Displaygröße. Genau hier fängt die Problematik an. Wie biete ich jedem Besucher meiner Website die beste Möglichkeit meine Site zu erleben.
So kam es, dass das responsive Webdesign seinen Siegeszug machte. Ermöglicht von neuen Technologien wie HTML5, CSS3 und JavaScript.
Responsive Webdesign ermöglicht es, auf die unzähligen Displaygrößen zu reagieren und sich anzupassen. Das geschieht über Media Queries die im CSS definiert werden.
Im responsive Webdesign gibt es aber auch wieder kleine Unterschiede. Ein echtes responsive Webdesign erkennt man daran, dass es flüssige Übergänge zu der nächsten Größe gibt.