Umstieg von Contao 2xx auf 3xx

Liebe Contao Gemeinde

Ich arbeite nun bereits seit mehreren Jahren mit Contao/Typolight und bin mit dem System sehr zufrieden. Bisher habe ich die meisten Seiten in der Version 1xx oder 2xx aufgebaut owbwohl die Version 3xx schon seit längerem veröffentlicht ist. Dies aus dem einfachen Grund, das ich zahllreiche Templates und Elemente einmal erstellt habe und nun immer wieder verwende. Nun steht ein neues, grösseres Projekt an und ich würde gerne zum ersten mal offiziell zahlreiche neue Technologien wie "responsive design" "html5" und "css3" anwenden und in diesem zusammenhang auch gleich mit der Version 3xx arbeiten.

Ich würde mich über Tipps freuen worauf bei der umstellung zu achten ist. Des weiteren würde ich gerne wissen in wiefern ich meine alten Templates noch verwenden kann, oder ob ich alles neu erstellen muss.

besten dank für die Hilfe.

lg

sascha

p.s. hier einige meiner letzten Projekte zum ansehen:
http://big-kiss.ch/
http://nutsandbolts-bmx.ch/
http://dardycandycat.ch/

So aus dem blauen heraus, kann natürlich niemend genau wissen, das sich an den Templates ändert, da man Deine ja nicht kennt.
Da wäre ich aber auch der falsche..

Aber was z.B. in CSS kpl. anders ist, dasss inzwischen bei einem 3 Spalten Layout, nicht mehr "links, Main, rechts" geladen wird, sondern "Main, links, rechts".
Das wirkt sich besonders auf eine etwaige Navigation auf der linken Seite aus, was die positionierung usw. angeht.

Um so genannt responsiv zu sein, bietet es sich dann auch an, auf ein "fluid %" Layout umzusteigen und auch bei den Fonts, eher "em" anstatt "px" zu benutzen.
Natürlich ist damit nicht gänzlich % verbannt, da es z.B. bei den "heigts" nicht immer klappt, es in % anzugeben. oder auch Abstände zwischen Elementen, oder Ränder/Border sind manchmal besser in festen "px" angegeben.

Ich selbst nutze gerne "Coolumns" für meine Styles in 3.2.x.

Tja, dann wird es Zeit, sich sehr ausgiebig mit Media-Queries zu beschäftigen.
http://www.w3.org/TR/css3-mediaqueries/#resolution

Insbesondere wenn es auch für Mac´s und iPad´s/iPod´s/iPhone´s gleichermaßen funktionieren soll, wie z.B. für das xhd S4 oder das noch höher auflösende HTC one.

hier mal ein kleiner Hilfe-Link, wmoit Du Dir zumindest schon mal ausmalen kannst, worauf Du dich einläßt.
http://en.wikipedia.org/wiki/List_of..._pixel_density

Hintergrund, iPad´s z.B. zoomen quasi schon in eine Seite rein.. (so fehlen rund 50px an beiden Seiten) und stellen Bilder kleiner dar, weil sie mit Retina halt 4x so viele Pixel zur Verfügung haben.. ODER.. sie interpolieren es entsprechend hoch... und dann sehen Bilder auf dem iPad, das eigentlich ein super Bild hat, dennoch recht verschwommen aus.

Bei allen Touch-Display´s gibt es kein "hover".. wie auch.. das kommt erst in den nächsten Display´s wie ich gelesen habe.

Ich habe jetzt seit neustem, auch ein iPad 3 und ein iPod Touch 4, um eben genau das auch für diese Geräte zu optimieren. Hat sich heute bereits gelohnt, denn nur so konnte ich wirklich überprüfen und heraus finden, welchen der angeblich neuen CSS3 Befehle so ein iPad wirklich versteht.
Hängt aber auch wieder von der iOS und Safari -Version ab.


Wenn Du einen Upgrade von einer 2.11.x auf eine 3er version vor hast.. dann schau Dir als erstes an, was die Erweiterungen her geben.. sind sie nicht für 3.2.x geeignet, dann solltest Du lieber drauf verzichten.

Bei mir gibt es immer wieder mal Probleme, wenn ich eine ältere nach dieser Anleitung upgrade.
https://community.contao.org/de/show...auf-Contao-3-2

Allerdings liegt der Vorteil, gerade bei recht komplexen Seitenstrukturen und umfangreichem Content darin, dass Du nicht alles von Hand mit Copy & paste rüber holen musst.
Aber bei mir ist es jetzt in einem Fall passiert, dass ich keine Filemounts mehr zuweisen kann.. er nimmt einfach die Zuweisung nicht an.
In einem anderen Fall, lassen sich keine Bild als Element mehr hinzufügen (im Text-Element schon, zum Glück).

Viel Erfolg.