[TYPO3-german] Typo3 und adaptive images

[Andi]

Fuer letzteres koennte man ja auch einfach ein weiteres feld(er) definieren die man checken kann in jedem Content Element wenn etwas bei einer bestimmten Breite eines Mobile greaetes nicht ausgegeben werden soll. Somit koennte man auch alles in einem baum warten und verwalten.

Sent from Andi's iPhone

On Jun 24, 2012, at 19:41, Christian Tauscher <christian.tauscher at media-distillery.de> wrote:

> Hallo liebe Liste!
> 
> Ich nehme Bezug auf die Diskussion "Typo3 und adaptive images" die
> ulrich am 23.4. hier unter gleichem Titel gestartet hat.
> Schon ein bischen her deswegen ein neuer Thread.
> 
> Er suchte nach eine Möglichkeit nicht nur das Layout "resposible", also
> der Gerätegröße automatisch angepasst zu gestalten - das geht per
> media-Querys wunderbar - er will das sich auch die Bilder entsprechend
> anpassen, weil immer nur Monsterbilder im Browser irgendwie per css
> gleicher machen ist ja nur Augenwischerei.
> 
> 
> Er verweist in diesem Zusammenhang auf http://adaptive-images.com/ ein
> sehr interessanter Ansatz!
> Dort wird per .htaccess eine http-Anfrage zu einem Bild umgeleitet auf
> ein schlaues Script das dann ein dem Device angepasstes Bild ausliefert.
> In diesem Script sind ein paar Schlüsselgrößen/breiten definiert z.B.
> 1000px, 800px, 600px... Jeh nach Gerät wird das nächst passende Bild an
> stelle des von Browser ursprünglich angefragten Ausgeliefert.
> 
> So weit so gut.
> Wie kann man das jetzt in TYPO3 ab besten integrieren mit allen Coolen
> TYPO3-features.
> 
> 
> Das o.g.script definiert sich ein paar Bildbreiten die wohl eher der
> Seitenbreite als solcher entsprechen. Was ist aber mit Bilder die von
> Haus aus kleiner sind? z.B. Text/Bild.
> 
> Basierend auf cssStyledContent (CSC) definiert man z.B. im
> Root-template/Constants
> 
> styles.content.imgtext.maxW = 1000
> 
> Bilder im Fließtext kann man dann auch noch genauer definieren, Abstand
> Text-Bild etc auch noch.... Endlos. Bleiben wir exemplarisch bei maxW.
> 
> Dieser Wert maxW muss ja schon den Zielgrößen variabel angepasst werden.
> CSC sieht aber nur eine Größe vor.
> 
> Ich stell mir jetzt eine erweiterte definition in CSC vor:
> 
> styles.content.imgtext.maxW.responsible = 1000, 800, 600, 400
> 
> Wenn man jetzt den Gifbuilder analog zu adaptive-images.com aufbohrt,
> wäre man doch rückwärtskompatibel zum bisherigen verhalten und das
> cashing könnte weiter unangetastet bleiben und das Mobilgerät und der
> Desktop bekämen was sie wirklich brauchen.
> Und unabhängig von der Render-Engine (klassisch, TV, Fluid etc.) wäre
> man damit auch, weil man's spezifisch per TS definieren kann.
> 
> Freude Freude Eierkuchen.
> 
> Oder doch nicht.
> Bin ich auf dem Holzweg.
> 
> Andererseits könnte man das ja als condition/Userfunc lösen:
> 
> [userFunc = checkDeviceWidth(400)]
>  styles.content.imgtext.maxW.responsible = 400
> [global]
> [userFunc = checkDeviceWidth(600)]
>  styles.content.imgtext.maxW.responsible = 600
> [global]
> [userFunc = checkDeviceWidth(1000)]
>  styles.content.imgtext.maxW.responsible = 1000
> [global]
> 
> 
> Ist das effizient?
> Woher weiß das phpScript die Geräte zuverlässig? WURFL?
> Erst JavaScript -> Cookie ist ja einen Schritt zu spät.
> Was ist vorzuziehen?
> 
> 
> 
> Dann gibts es ja noch das Projekt
> http://git.typo3.org/TYPO3v4/Extensions/responsive_typo3.git
> 
> Scheint mir in die richtige Richtung zu gehen, aber ich bekomms nicht
> zum laufen.... Bin noch am debuggen.
> 
> 
> 
> Ihr seht schon: ist grad noch etwas Brain-Storming....
> Vielleicht hilfts einem anderen vielleicht habt ihr Ideen die aus der
> Praxis kommen.
> 
> Das Responsible-Thema ist bestimmt noch nicht durch....
> 
> Danke für eure Geduld,
> 
> Christian.
> 
> 
> P:S.:
> Bevor auch hier sich die technische Frage in die Frage wandelt soll man
> überhaupt "one fits all" programmieren oder eher extra Seitenbaum mit
> eigen Inhalten.... Einigen wir und bitte gleich auf den Sonderfall:
> Wir haben alles durchdacht und möchten eine Lösung die alle Geräte
> abdeckt. Responsible halt.
> 
> 
> 
> 
> 
> 
> _______________________________________________
> TYPO3-german mailing list
> TYPO3-german at lists.typo3.org
> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german