DLISTE
INFORMATION
  • . App Open Camera
  • . Augmented Reality
  • . Barrierefrei Neustart
  • . Barrierefreie Homepage
  • . Creativ oder informativ
  • . Double Opt In
  • . EZZ PDF Beispiele
  • . Farben sind nicht objektiv
  • . Festnetz abgeschaltet
  • . FritzBox Player
  • . Genius Newsletter
  • . Google Adwords
  • . Huawei in die Tonne
  • . Microtargeting
  • . Mit Posteo sicherer mailen
  • . Mysql oder Scandir
  • . Newsletter vom Sofa
  • . Nuc und Mint
  • . Offen oder geschlossen
  • . PDF aus Klartext
  • . Passwort sicher speichern
  • . Providerwechsel
  • . Responsive Web Design
  • . SSL Zertifikat erforderlich
  • . Telekom Adieu
  • . Typografie
  • . Windows ausgebootet
  • . Wordpress Blogsoftware
  • . Youtubes loeschen
  • JOBS aktuell
    CREATION
    ARCHIV
    EBOOK

    Responsive Web Design

    Responsives Webdesign packt alles in eine Seite und stellt die Navigation anhand der Displaygröße automatisch ein. Das kann man am PC durch die Größe des Fensters simulieren. Allerdings ist Responsive Web Design ein Kompromiss auf beiden Seiten. Besonders bei sehr vielen Kategorien mit vielen Beiträgen wird es schnell unübersichtlich.

    Für responsives Design verwende ich MegaMenu, nutze für die mobile Darstellung jedoch oft ein anderes Script, das über die Weiche aufgerufen oder als Link angeboten wird.

    Zwei Dinge muss man dabei beachten: Übertragungsgeschwindigkeit und Seitengestaltung. Datentransfer ist für Smartphones und Tablets gleich, Seitengestaltung nicht unbedingt. Man kann auf einem Tablet auch die Desktop-Gestaltung akzeptieren.

    Das erfordert im Prinzip eine Weiche, die Desktop-Computer/Netbooks, Tablets und Smartphones erkent. Die Trennung ist aber nicht trivial, weil die Grenzen der Geräte fließend sind.

    Eine eindeutige Unterscheidung gibt es nur durch die Datenübertragung. Ist die aber wirklich eindeutig? Es gibt schließlich Smartphone-User, die besser und billiger mit dem Netz verbunden sind als PC-Nutzer.

    Deshalb empfehle ich als ersten Schritt den Einsatz von Mobile-Detect.php als Weiche. Diese Klasse unterscheidet nur zwischen Desktop und Mobile.

    Damit jeder Besucher die Möglichkeit hat, die Selektion zu korrigieren, gehört auf beide Versionen ein Link zur "anderen" Darstellung. Soweit die Zwei-Wege-Lösung.