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!

Post correlati

• 7 ottobre 2008 -- Dave Shea, i css e il javascript :)
• 10 marzo 2010 -- Tutorial: ombra sui box con i css3
• 11 febbraio 2010 -- Icone, Wordpress themes, tutorial Photoshop: a voi Vladstudio!

1. 

   segni (1 comments) says:

   3 novembre 2008 at 17:36

   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?

   reply
2. 

   Lauryn (3390 comments) says:

   3 novembre 2008 at 19:25

   neanche a me funziona :O

   reply
3. 

   Alessandro (75 comments) says:

   16 dicembre 2008 at 12:09

   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.

   reply
4. 

   Lauryn (3390 comments) says:

   16 dicembre 2008 at 12:12

   bravo Alessandro, hai fatto bene a puntualizzare

   reply
5. 

   Marco (411 comments) says:

   6 gennaio 2009 at 17:55

   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

   reply
6. 

   Lauryn (3390 comments) says:

   6 gennaio 2009 at 18:39

   grazie marco!!

   reply