Regola CLIP: La usate?

[ldetomi]

I css sprites sono ormai comunemente usati, non solo per fare un "preload fittizio" delle immagini, ma anche per diminuire il numero di chiamate al server in virtù delle connessioni di oggi a larga banda che prediligono trasferimenti di files più grandi ma in minor numero piuttosto che viceversa come era un tempo....

I css sprites però si usano con le immagini di background, ma quando inseriamo tante immaginette in una pagina (es. dei thumbnail...) sarebbe utile applicare la stessa tecnica.

Ho pensato alla poco usata regola CLIP per mostrare solo una sezione di un'immagine... Sfruttando intensamente questa tecnica si potrebbe inserire tante piccole immagini mostrando ogni volta solo la regione dell'immagine mosaico.... voi la usate? che ne pensate?

[wartpro]

...Clip??


...

Comunque no. Io (per il momento) ho usato sempre e solo sprite.

[ldetomi]

Non sto impazzendo... http://www.w3schools.com/cssref/pr_pos_clip.asp

Come detto, gli sprites sono assolutamente utili ma usati comunemente solo con i background.

La mia idea è quella di estendere la tecnica alle semplici immagini con CLIP...

[wartpro]

Si..ma tu parli di mosaico..e se parli di mosaico, io penso che ci saranno tante immagini.

..e se ci sono tante immagini.. ..allora ci sono tante connessioni..e poi bim..e bum..e bam..

..e allora mi chiedo perchè vuoi usare la tecnica ALL'AVANGUARDIA clip e non sprite??

[ldetomi]

Non hai capito... al di là del semplice uso delle sprite per l'effetto hover del mouse... le sprite possono essere usate anche per mettere in una sola immagine da scaricare diverse immaginette più piccole del sito (pulsanti, icone, immagini decorative, ecc...). Esistono anche dei tool online appositi che ti prendono tutte le immagini del sito, ti creano una sprite e ti buttano fuori anche il relativo codice css per usarla....

Le sprites come detto si usano come immagini di sfondo, ma non tutte le immagini di un sito vengono inserite come sfondo, pensa per esempio ai thumbnails di una gallery, ma il concetto è generale...

In questo caso ti serve avere le immagini inserite come IMG ma se tu avessi una gallery di 20 thumbs, sarebbe utile sfruttare l'idea delle sprites per scaricare una sola immagine da... 80 Kb piuttosto che 20 immagini (e relative 20 connessioni al server) da 4 Kb l'una....

Da questa considerazione, ecco l'idea delle sprites di sfruttare la proprietà CLIP per estendere la logica delle sprites alle immagini....

[wartpro]

Originariamente inviato da ldetomi
..le sprite possono essere usate anche per mettere in una sola immagine da scaricare diverse immaginette più piccole del sito..

..da qui in poi mi sono perso

Ad ogni modo, buona clip!

[ldetomi]

Usare le sprites solo per lo stato hover è riduttivo.... immagina di avere 10 pulsanti di un sommario... mica farai 10 sprites ciascuna composta solo dallo stato normale e da quello hover del pulsante, vero??? Immagino che anche tu farai una sola immagine con tutti i 10 pulsanti e anche i loro stati hover! Una sola chiamata al server per 10 pulsanti compreso il loro stato hover, capisci no?????

[wartpro]

Si si, capito perfettamente..

..ma perso

[ldetomi]

Cercando su google "css clip sprite" ho visto che l'idea è tutt'altro che originale (come era ovvio del resto ).

L'unica rottura grossa è quella che impone l'uso del position:absolute; non proprio sempre indolore nel posizionare gli elementi del layout, però tutti riconoscono la buona idea....

[bionicoz]

Non capisco la differenza tra usare la regola clip e usare gli sprite. Solo perché clip può essere attribuito ad una <img> mentre background-image no?
Perché usare <img> se non serve?
Voglio dire, tutto quello che fa parte del puro layout e non ha semanticamente nessun significato, può essere tranquillamente scritto con div e image-position (anzi, io preferisco così).
Quindi, quante immagini vuoi che rimangano fuori da questa conta? Una per pagina? due?
Mettiamo che hai una gallery, con 20 immagini. Davvero secondo te è una buona idea fare una immagine enorme e usare clip per vederle singolarmente? E poi, ogni volta che devi aggiornare la gallery, che fai, modifichi a mano l'immaginona? O lo fai lato server? E le coordinate le salvi in db? crap.
Per le thumbnails invece, non vedo controindicazioni ad usare (per esempio) dei[*] con background (a parte sempre la scomodità di aggiornamento nel caso fosse una gallery dinamica).
Quindi se non si fosse capito, io non ci vedo praticamente nessuna utilità.
E poi, se è una proprietà ben supportata (funziona fin da ie6, mi pare) e nessuno la usa, un motivo ci sarà, no?