CSS Sprites: tecniche, strumenti e tutorials
This entry was posted on June 10th, 2009 and is filed under CSS.
Sappiamo tutti cos’è la tecnica CSS Sprites? L’articolo che presento oggi, di Smashing Magazine, tratta proprio questo argomento presentando tecniche, strumenti e tutorials sul CSS Sprites.
La tecnica CSS Sprites consiste nel caricare una singola immagine e spostarle con l’ausilio di codice CSS al fine di aver una sola richiesta (HTTP request), allegerendo la pagina e velocizzandone la visualizzazione.
Dal punto di vista dei CSS, tutto consiste nell’usare la proprietà background-position per visualizzare l’area dell’immagine che ci interessa.
(Julius Design)
Gli utilizzi di tale tecnica possono essere davvero infiniti. L’importante è non abusare utilizzandola con immagini di dimensioni molto grandi. Se creassimo una sola immagine di dimensioni enormi la pagina sarebbe lentissima da caricare e l’utente abbandonerebbe subito il nostro sito.
Sono molti i siti che usufruiscono di tale tecnica, Google e YouTube tra tutti (http://www.google.it/images/nav_logo4.png) proprio a significare i vantaggi che offre. Di tutto questo si è occupato anche Smashing pubblicando un articolo davvero molto completo che consiglio di leggere con attenzione.
L’articolo è raggiungibile al seguente link:
The Mystery Of CSS Sprites: Techniques, Tools And Tutorials
Benvenuto! Mi chiamo