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

_______________________________________________
TYPO3-german mailing list
TYPO3-german@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german

Antwort per Email an