Un semplice esempio per capire cosa sono i css sprites
Se ancora qualcuno non li applica e non ha ben capito come usarli, ecco un esempio davvero banale ma che serve a far capire come funzionano.
Sebbene, a mio parere, la gif che riunisce le diverse parti in questo caso sarebbe davvero pesante per via dei troppi colori usati e quindi non centri lo scopo dei css sprites, che è quello di alleggerire la grafica tramite l’uso di una gif unica per disegnare ad esempio le varie parti di un menu.
Ma leggete il tutorial e guardate e scaricate la demo, sarà tutto più chiaro!
L'Autore
Laura Gargiulo, webdesigner freelance. Web architect senior, esperta xhtml, css, usabilità, design, cms, webmarketing e Seo, Wordpress specialist. Membro del progetto di prossima pubblicazione Piperita Lab e dell'IWA Italy Visita il mio sito personale Lauryn.it e contattami pure per un preventivo gratuito.
Add to Google
9 Commenti
Salve a tutti,
ho provato a vedere la demo e sul mio PC non vuole funzionare né in IE6 a in FF 3.0.2.
Qualche suggerimento?
neanche a me funziona :O
[...] Un semplice esempio per capire cosa sono i css sprites [...]
[...] Un semplice esempio per capire cosa sono i css sprites [...]
[...] Un semplice esempio per capire cosa sono i css sprites [...]
Questa tecnica non è solo per alleggerire il peso dell’immagine finale ma è anche per diminuire il numero di richieste HTTP al server, questo è infatti un fattore critico per progetti ad alto traffico.
Ottimo link direi.
bravo Alessandro, hai fatto bene a puntualizzare
http://www.web-area.info/tutorial/tecnica-immagini/
Qui ho trovato un ottimo tutorial in italiano che esamina la tecnica degli slice utilizzata da yutube.
ciao
grazie marco!!