[TYPO3-UG Italy] T3 e gestione responsiva di gruppi di immagini

Fri Oct 25 14:03:41 CEST 2013

Ciao
forse mi perdo qualcosa in quanto uso la visualizzazione responsiva da  
Mozilla e responsinator.com.

Ho ancora dubbi circa la possibilita', tramite TYPO3 di usare vari  
source (dovrebbero essere le immagini cd. "variant" se non sbaglio)  
circa l'uso diciamo da BE, in quanto sono un po' ancorato al vecchio  
T3 v. 4.5.x.

Nella versione 6.x vedo che ci sono gia' le varianti e molte proprieta  
per le immagini definite tramite il menu MEDIA (dovro' studiare meglio  
la cosa).

Parto comunque dall'idea che la giusta prassi consiste nel creare piu'  
versioni della stessa immagine, ma da quello che vedo in giro anche  
con altri CMS pochi pare vadano in questa direzione. C'e' da dire che  
mentre impariamo, implementiamo e perdiamo tempo in queste cose, alla  
fine e dopo qualche mese le velocita' di linea magari raddoppiano  
cosicche' tutto il lavoro di ottimizzazione va un po' a farsi friggere.

In breve in questo momento penso piu' alla disposizione estetica  
fornita attraverso il CMS. Savo errori e omissioni, capita che, pur  
forzando ogni immagine a una certa dimensione, senza ridimensionarla e  
tendola cosi' com'e', ci si trova spesso con spazio eccessivi qua e  
la', che sono inestetici.

Il sito consigliato da te Marco, mi spinge a tentare una modifica del  
TS tt_content per verificare cosa accade e se puo' servire, faro'  
qualche prova.

appena ho un sito in linea mi faccio vivo cosi' da riaprire  
eventualmente la discussione, cmq tutti i contributi sono ben accetti...

thanx

Quoting Marco Antonioli <antonioli at gammsystem.com>:

> Ciao
>
> allora forse non avevo capito.
> Nel bootstrap package il funzionamento è già così, perchè dici di no?
> Se hai un gruppo di immagini, vengono disposte in base allo spazio  
> disponibile e in base al dispositivo, secondo le regole del boostrap.
>
> Permane il problema per me grosso del resize in peso delle immagini  
> (se non prendo un abbaglio) . Non è corretto far vedere e scalare  
> una img di grosse dimensioni sul dispositivo mobile in un contesto  
> responsive intendo. Ma mi pare che al momento non ci sia una  
> soluzione, o per lo meno ho provato una ext e non mi pare funzionare  
> ( https://github.com/rtp-ch/rtp_imgquery ) e nemmeno questa (  
> adx_adaptive_images).
> A dire il vero la prova non è che sono stato ad approfondire ma ce  
> l'ho in nota.
>
> PS le griglie tipo masonry che dicevamo prima per forza non saranno  
> mai ottimali, qualche caso sicuramente porta buchi..
>
> Marco Antonioli
> Gamm System Srl
>
> Tel +39 0372 25137
> Fax +39 0372 557854
> http://www.gammsystem.com
> antonioli (at) gammsystem.com
>
> P.IVA / CF 01066780196
> REA CR - 132115
> Tribunale di CR n. 9413
> Capitale sociale ? 22.879,48 i.v.
>
> ----- Messaggio originale -----
>
> Da: "Alessandro Tuveri" <at at uniud.it>
> A: typo3-ug-italy at lists.typo3.org
> Inviato: Venerdì, 25 ottobre 2013 11:32:54
> Oggetto: Re: [TYPO3-UG Italy] T3 e gestione responsiva di gruppi di immagini
>
> Ciao Marco
> grazie. Quella che segnali e' una possibile soluzione, che prevede in
> pratica di mantenere le immagini in grandezza originale 1:1 oppure di
> ridimensionarle leggermente e riposizionarle sullo schermo.
> Nel caso segnalato CSS (vedi link nel mail precedente) mi chiedevo se
> sia possibile, come alternativa, ridimensionare le immagini
> dinamicamente e fino ad un certo breakpoint per poi disporle
> diversamente (es. una sotto l'altra).,
> In pratica da quello che vedo si agisce sull'oggetto tt_content per il
> rendering the cType Image usando anche gli stili.
> Yaml e' carino ma vedo che e' meglio usare il BOOTSTRAP PACKAGE e mi
> chiedevo se per questo c'e' qualcosa. Sembra al momento (!) di no,
> anche perche' sfogliando il demo oppure mettendo le immagini c'e'
> sempre qualcosa che viene visualizzato maluccio.
> Quanto al sito che tu mi hai segnalato e' carino; l'unica cosa che
> trovo sconcertante e' che siamo sempre ai cosiddetti "giochetti ad
> effetto", ovvero la prima volta e' carino e di impatti vedere i
> contenuti che si spostano la seconda comincia a dar fastidio --
> sinceramente a me viene il mal di mare...
> Ok se devo presentare un sito a un cliente, diciamo questo "fa
> effetto"; di contro vedo che stringendo la videata a parte il
> movimento i contenuti che sono di testo, immagini, ecc. vengono
> riposizionati e riodinati correttamente ma c'e' sempre il rischio di
> dover ripercorrere tutta la videata alla ricerca di un contenuto
> specifico. Mi direte: ma solo poche persone ridimensionano la finestra
> del browser.... vabbe'.... io sono alla ricerca di una soluzione con
> "meno effetti" e piu' "pulizia".
> Spero di trovare qualcosa piu' avanti per il BOOSTRAP PACKAGE ...
> forse e' il caso di chiedere questa nuova caratteristica?
>
> a presto grazie
>
> Quoting Marco Antonioli <antonioli at gammsystem.com>:
>
>> Ciao Alessandro
>>
>> il funzionamento che intendi tu penso che lo abbiano mutuato più o
>> meno tutti i plugin (sia per WP che alcune gallery mi pare Yaml su
>> TYPO3) da questo:
>>
>> http://isotope.metafizzy.co/index.html
>>
>> ho capito bene?
>>
>> Marco Antonioli
>> Gamm System Srl
>>
>> Tel +39 0372 25137
>> Fax +39 0372 557854
>> http://www.gammsystem.com
>> antonioli (at) gammsystem.com
>>
>> P.IVA / CF 01066780196
>> REA CR - 132115
>> Tribunale di CR n. 9413
>> Capitale sociale ? 22.879,48 i.v.
>>
>> ----- Messaggio originale -----
>>
>> Da: "Alessandro Tuveri" <at at uniud.it>
>> A: typo3-ug-italy at lists.typo3.org
>> Inviato: Venerdì, 25 ottobre 2013 10:21:16
>> Oggetto: [TYPO3-UG Italy] T3 e gestione responsiva di gruppi di immagini
>>
>> Salve a tutti
>> in un sito ho installato un framework per gestire la responsivita' (T3
>> v. 4.5.30) tutto gira abbastanza bene e per chi avesse osservato il
>> fenomeno, l'unico punto dolente e' la gestione di gruppi di immagini
>> (cType testo con immagini o "solo immagini"). Cosicche' ho deciso di
>> verificare i risultati anche sotto la versione T3 6.1.5 e twitter
>> bootstrap (intro package scaricabile con flux e ogni ben di Dio).
>> Bene anche qui vedo che non ci siamo.
>> In pratica quello che mi piacerebbe in qualche modo ottenere, salvo le
>> animazioni che vedete (del tutto superflue) e' un cambio di
>> disposizione in modo che gli elementi in qualche modo coprano la
>> superficie disponibile (larghezza della videata) in orizzontale, sotto
>> vari breakpoints o al ridimensionamento della finestra del navigatore.
>> Sito di esempio (spiace fare pubblicita' per chi non usa T3 ma non ho
>> alternative:
>> http://www.treativa.com
>> stringendo la finestra si vede che i blocchi vengono riorganizzati
>> nello schermo.
>> Viceversa se si fa qualche esperimento con T3 si nota che in pratica
>> le immagini vengono spedite accapo, spesso con il risultato che la
>> parte destra "soffre" inevitabilmente di spazi esagerati tali da far
>> pensare a un qualche errore di gestione dei contenuti.
>> OK per conto mio e con CSS ho fatto anche questo esperimento in html
>> (usando alcuni tag un po' a vanvera ma funziona):
>>
>> http://ainf.uniud.it/fileadmin/test/elastic/index.html
>>
>> sarebbe auspicabile qualcosa del genere fino ad un breakpoint ad
>> esempio di 450 punti per poi portare l'immagine a pieno schermo.
>>
>> Mi chiedo se esiste qualcosa del genere in rete.
>>
>> grazie a chi collabora nel trovare una risposta/consiglio.
>>
>>
>>
>> ALESSANDRO TUVERI
>>
>> --------------------------------------
>> AREA SERVIZI INFORMATICI E MULTIMEDIALI
>> Servizi WEeb d'Ateneo
>> Universit? degli Studi di Udine
>> tel. ufficio 0432-558904
>> --------------------------------------
>> Homo sine pecunia est imago mortis
>> --------------------------------------
>>
>> ----------------------------------------------------------------------
>> SEMEL (SErvizio di Messaging ELettronico) - AINF, Universita' di Udine
>>
>>
>> _______________________________________________
>> TYPO3-UG-Italy mailing list
>> TYPO3-UG-Italy at lists.typo3.org
>> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-ug-italy
>>
>> _______________________________________________
>> TYPO3-UG-Italy mailing list
>> TYPO3-UG-Italy at lists.typo3.org
>> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-ug-italy
>
>
>
> ALESSANDRO TUVERI
>
> --------------------------------------
> AREA SERVIZI INFORMATICI E MULTIMEDIALI
> Servizi WEeb d'Ateneo
> Universit? degli Studi di Udine
> tel. ufficio 0432-558904
> --------------------------------------
> Homo sine pecunia est imago mortis
> --------------------------------------
>
> ----------------------------------------------------------------------
> SEMEL (SErvizio di Messaging ELettronico) - AINF, Universita' di Udine
>
>
> _______________________________________________
> TYPO3-UG-Italy mailing list
> TYPO3-UG-Italy at lists.typo3.org
> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-ug-italy
>
> _______________________________________________
> TYPO3-UG-Italy mailing list
> TYPO3-UG-Italy at lists.typo3.org
> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-ug-italy

ALESSANDRO TUVERI

--------------------------------------
AREA SERVIZI INFORMATICI E MULTIMEDIALI
Servizi WEeb d'Ateneo
Universit? degli Studi di Udine
tel. ufficio 0432-558904
--------------------------------------
Homo sine pecunia est imago mortis
--------------------------------------

----------------------------------------------------------------------
SEMEL (SErvizio di Messaging ELettronico) - AINF, Universita' di Udine