25.02.2013 - letzte Änderung 27.03.2017

"mobile" Webseiten jetzt inklusive

Ein aktueller Trend bei der Darstellung von Online-Inhalten ist das dynamisch angepasste Layout, genannt "responsive webdesign".

Der moderne Webauftritt soll auf allen Gerätetypen perfekt aussehen und auch perfekt Bedienbar bleiben - vom Grossbildschirm bis zum Smartphone.
Die Seite wird deshalb mit so genannten "breaking points" versehen, also Sollbruchstellen, bei denen das Layout von einem Modus in den anderen wechselt. Je nach Browserbreite stellt sich das Raster neu zusammen. Prinzipiell werden bei verringerter Breite die einzelnen Inhaltsblöcke statt nebeneinander untereinander angeordnet. Die Elemente rutschen förmlich von rechts nach unten um so in das schmalere Fenster zu passen.

Das können Sie auch mit dieser Webseite ausprobieren: Sofern Sie nicht gerade auf einem Smartphone browsen, so ziehen Sie jetzt einfach ihr Browserfenster kleiner und beobachten Sie, wie sich die Anordnung der Elemente auf der Seite dabei verändert.

Der Vorteil zu bisherigen Techniken, ist die vereinfachte Umsetzung und der damit verbundene Kosten Spareffekt. Bisher musste für mobile Geräte sehr aufwendig eine zweite Version der Webseite programmiert werden.

 

Referenz

Umsetzung der Programmierung für die Design Agentur dico mediadesign

 

• www.autohaus-isernhagen.com

 

 

Geschrieben von

Julien Braastad-Tiffon