Mobile Websites (Responsive Design)

Viele Websites sind nicht mehr zeitgemäss – speziell für Smartphones und Tablets – programmiert. Das heisst, die Seite wird nur verkleinert und passt sich nicht den Massen der unterschiedlichen Endgeräten (Smartphones, Tablets) an. Der heutige state of the art heisst Responsive Design .
Die Zugriffe über mobile Geraäte nehmen stetig zu. Die Website ist nicht genügend darauf ausgerichtet. Die Folge ist, dass Besucher, die Seite über ihre mobilen nur verkleinert dargestellt sehen, was unbefriedigend ist mit dem Effekt, dass die Besucher die Seite wegklicken.

Bislang wurden Websites mit fixen Grössen und Verhältnissen programmiert. Bei Responsive Wedesign wird ein sogenannt flüssiges Raster verwendet. Die Breite und Höhe eine Website ist nicht mehr duch fixe Grössen definiert. Vielmehr passt sich die Seite entsprechend den definierten Media-Queries den Ausgabegeräten an. Die Inhalte werden in Relation zum Browerfenster gezeigt.

Bootstrap - ein Framework für alle Geräte Responsive Web Design baut auf dem CSS Framewort von Bootstrap (aktuell Version Bootstrap 4, Alpha 6) auf. Bootstrap ist häufig eingesetztes Entwickler-Framework mit HTML 5, CSS und JS für die Entwicklung von Webprojekten.


Websites und Anwendungen brauchen nicht doppelten Code, die Programmierung bedient jedes Gerät: Smartphone, Tablets und Desktop PCs und Macintosh Computer.


Mit Hilfe von Media-Queries passt Bootstrap die Websites den geräten an (also konkret: dem iPhone 4 und dem Samsung Galaxy 8, und dem Internet Explorer Ex welcher auf Windows XP läuft.

So einfach ist das für die User – und so herausfordernd für die Programmierer…