[TYPO3-german] Mobile Website

Claus Fassing claus at fassing.eu
Fri Apr 6 11:28:01 CEST 2012


Hallo Thomas,

Am 30.03.2012 13:52, schrieb Thomas P.:
> Hi Liste,
>
> ich muss eine vorhanden TYPO3 Website umrüsten, dass für mobile
> Endgeräte wie Smartphones, eine extra Version der Website ausgegeben
> wird. (weniger Bilder, Daten ev. andere Formatierung per CSS/HTML).
> Denke das Stichwort laute type/typenum.
>
> Kennt jemand irgendwelche Bestpractise Tipps?

ein Auszug aus meinem "Baukasten" in diesem Kontext.

Ich ziehe es vor den Viewport per Javascript abzufragen und in ein 
Session Cookie zu speichern. Darauf kann im TS per Condition reagiert 
werden.
In Zusammenarbeit mit der Extension rtp_imgquery [1] können so z.B. 
angepasste Bilder ausgeliefert werden.

Ist es gewünscht alle Touch fähigen Geräte abzufragen, dies können auch 
große nicht mobile Monitore sein, hilft die kleine Javascript Bibliothek 
Modernizr mit der touch() Methode [2].

Die Anpassung des Layouts findet per Media Queries statt.

Schon genannt wurde das Buch Mobile First von A Book Apart [3].
Das Buch Responsive Web Design von A Book Apart ist ebenfalls zu empfehlen.

Grüße Claus

[1] https://github.com/rtp-ch/rtp_imgquery
[2] http://modernizr.github.com/Modernizr/touch.html
[3] http://www.abookapart.com



More information about the TYPO3-german mailing list