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

maciej siwanowicz mjbrain86 at gmail.com
Fri Oct 25 12:36:02 CEST 2013


Ciao,

provate a dare un occhio a questo articolo
http://mobile.smashingmagazine.com/2013/10/24/automate-your-responsive-images-with-mobify-js/


Il giorno 25 ottobre 2013 12:28, Marco Antonioli
<antonioli at gammsystem.com>ha scritto:

> 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
>


More information about the TYPO3-UG-Italy mailing list