[TYPO3-UG Italy] T3 e gestione responsiva di gruppi di immagini
Marco Antonioli
antonioli at gammsystem.com
Fri Oct 25 12:28:48 CEST 2013
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
More information about the TYPO3-UG-Italy
mailing list