Barrierefreie-Hompage

Barrierefreier-Neustart

Coronakrise

Double-Opt-in

Smartphone-Camera am PC

ezzPDF

Farbe bekennen

Festnetz abschaffen?

Fritz/NAS

Fritzbox-Player

Genius-Newsletter

Google Adwords

Huawei in die Tonne

Microtagetting

Mit Posteo mailen

Mysql oder Scandir?

NUC und MINT

Offen oder geschlossen?

Open Camera App

Passwort sicher

PDF aus Klartext

Platz für XAMMP

Providerwechsel

Responsive Web Design

SSL-Zertifikat erforderlich

Suche im Klartext

Telekom-adieu

Typografie

USB-Tethering

Wordpress ist Blogware

Youtubes löschen

 

 

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 erkennt. 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.