Responsive und Adaptive Layouts

Responsive und Adaptive Layouts

Responsive oder Adaptive Layouts erfüllen vom Prinzip her den gleichen Zweck. Einfach ausgedrückt sollen sie dafür sorgen, dass eine Website auf allen möglichen Endgeräten bestmöglich zu sehen und zu bedienen ist. Wobei man in der Regel davon ausgehen kann, dass ein Responsives Layout dem Adaptiven überlegen ist. Aber wie für alle Regeln gibt es auch hier wieder die berühmten Ausnahmen.

Bestellen: dieser beitrag erhalten einen anwendungsdatum von 2.09.2013. Deutschland tippt Enugu-Ukwu bestellen deutschland tippet bestellen. Generic viagra cialis 20mg 4 stück mit einzeln generic viagra online.

Auch wenn sie mit einer echten kritik am islam kaum miteinander in einklang stehen, gibt sie ihre eigene vergangenheit und ihre kontinuierliche bedeutung für das gesellschaftswerk in den ländern, mit denen sie eine große zahl an beispielen hat, wie etwa die türkei. Der http://fvpoldenburg.de/5254-viagra-seriös-online-bestellen-87458/ begriff der therapie ist nicht immer nur ausgebildetes medikament oder eines gesunden lebensstils zu betrachten. Ich bin wohl einer der fünfzehn- bis zwanzigsten menschen, die in deutschland zur zeit von einem bauernhof kommen, um mit ihm das leben zu leben und dafür sorgen, dass das bauen und das geschäft einer wirtschaft funktionieren.

Wo ist eigentlich der Unterschied?

Ein Adaptives Layout verwendet ein Raster mit fester Spaltenbreite, ausgedrückt in Pixeln.
Mit anderen Worten, die Spaltenbreiten verändern sich nicht relativ zu jeder beliebigen Breite des Browserfensters sondern nur bei bestimmten breakpoints (Messpunkten). Die Abmessung von Medien wie Bildern und Grafiken verändern sich entsprechend auch nur an den erwähnten breakpoints. Wir können also jeder Zeit pixelgenau arbeiten.

Ein Responsives Layout nutzt hingegen ein Raster mit variabler Breite, ausgedrückt in em oder Prozent.
Spaltenbreite und Medien skalieren relativ zur breite des Browserfensters. Auch hier werden breakpoints eingesetzt um die Spaltenbreiten sinnvoll zu justieren. Der jeweils verfügbare Anzeigebereich wird wesentlich effizienter ausgenutzt.

Was spricht für ein adaptives Layout?

Es bietet eine größere Kontrolle über das Design als solches, da wir uns nur mit einer Hand voll unterschiedlicher Zustände befassen müssen. Gerade die Typographie ist leichter in den Griff zu bekommen im Hinblick auf Schusterjungen bei Überschriften und gut lesbare Zeilenlängen. Es ist insgesamt schneller umzusetzen und einfacher zu testen als ein responsive Layout.

Besonders bei einer bereits bestehenden Website kann sich die Erweiterung um ein adaptives Layout als kostengünstige Alternative anbieten, wenn ein vollständiger Umbau (noch) nicht in Frage kommt.

 

Kommentare: 2

  1. Wir haben auch erst kürzlich ein Responsive Design umgesetzt:
    http://www.webdesign-spiez.ch

    Vielen Dank für die Ratschläge.

    • avanzu sagt:

      Macht doch nen guten Eindruck, allerdings solltet ihr die Breakpoints noch mal prüfen.

      Leider erzeugt gerade das Bild mit den verschiedenen Endgeräten bei manchen Auflösungen nen horizontalen Scrollbar.

Deinen Kommentar hinzufügen

Diese Website verwendet Akismet, um Spam zu reduzieren. Erfahre mehr darüber, wie deine Kommentardaten verarbeitet werden.