Blog

apple-touch-icon

Augmented Reality - Gag oder Zusatznutzen

Barrierefreie Homepage

Double-Opt-In - ein Muss

ezzPDF-Beispiele

Farben sind nicht objektiv

Festnetz abgeschaltet

Google Adwords

Mikrotargeting

Mit Posteo sicherer mailen

Mysql oder Scandir

Genius Newsletter

Offen oder geschlossen?

Open Camera. Die Profi-App.

Passwort sicher speichern

PDF aus Klartext

PDF wird ePub

Providerwechsel

Responsive Web Design

SSL-Zertifikat erforderlich

Typografie

Wie europäisch sind Provider?

Windows ausgebootet?

Wordpress ist Blogsoftware

Youtube-Video 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 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.