Die Techniken sind schon länger bekannt, aber nun setzen sie sich langsam durch: Flexible Layouts, die sich der Größe des Monitors bzw. Displays anpassen. Damit lässt sich eine Website auf allen Geräten gut lesen und benutzen.

Unter http://www.rocklobsterweb.de/responsives-design/index.html haben wir eine Seite erstellt, die sich den Größen des Browserfensters anpasst. Unter 760 px Breite wird das Layout zweispaltig, unter 480 px Breite (also iPhones, die Androiden und andere Smartphones) wird es einspaltig. Zugleich skalieren Schrift und sogar die Bilder.

Anbei ein schnell geschossenes Foto, wie das dann auf dem iPad aussieht. Neben meinen Fettfingern ist doch noch zu erkennen, dass das Layout zweispaltig geworden ist.