maki Systems Internetagentur
Gutbrodstrasse 41 Stuttgart Baden-Württemberg
07114109656 https://www.makisystems.com/
websites

"mobile" Webseiten jetzt inklusive

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

automatische Layoutanpassung, mise en page automatique


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

 

 

 

zurück