Salta al contenuto
  • Delicious
  • Twitter
  • Anobii
  • Facebook
Ricerca rapida
Cerca articoli per:
tag | autore

Un semplice esempio per capire cosa sono i css sprites

1 nov 2008 | scritto da Lauryn in Xhtml, css | 9 Commenti
Tags: ,

mysprite 300x103 Un semplice esempio per capire cosa sono i css spritesSe 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

9 Commenti

  1. segni (1 comments) 3 novembre 2008 alle 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? :-)

  2. Lauryn (3113 comments) 3 novembre 2008 alle 19:25

    neanche a me funziona :O

  3. Alessandro (72 comments) 16 dicembre 2008 alle 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.

  4. Lauryn (3113 comments) 16 dicembre 2008 alle 12:12

    bravo Alessandro, hai fatto bene a puntualizzare :)

  5. Marco (407 comments) 6 gennaio 2009 alle 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

  6. Lauryn (3113 comments) 6 gennaio 2009 alle 18:39

    grazie marco!!

Trackback

  1.   CSS Sprites: Ottimizzare le immagini di una pagina web | JuliusDesign 27 novembre 2008 alle 14:30

    [...] Un semplice esempio per capire cosa sono i css sprites [...]

  2. CSS Sprites: tecnica per le immagini nelle pagine web - Caputo’s blog - Informatica, tecnologia, programmazione, fai da te, papercraft e papertoy 28 novembre 2008 alle 14:12

    [...] Un semplice esempio per capire cosa sono i css sprites [...]

  3. CSS Sprites: Ottimizzare le immagini di una pagina web 6 dicembre 2008 alle 13:04

    [...] Un semplice esempio per capire cosa sono i css sprites [...]

Lascia un commento

Iwd Award - Il sito del meseRoberto Gadotti

Vuoi occupare questo spazio gratuitamente per un mese? Partecipa all'Iwd Award!