« Video Tutorial su Ruby on Rails | Index | FlexGala organizza l'AIR Camp Milano,una giornata di formazione su Adobe AIR »

um_minilogo.gif Cerchi articoli, tutorial e guide su Photoshop CS3, Flash CS3, Premiere Pro CS3, Actionscript 3, Flex 3 e Adobe AIR, Java e Microsoft Silverlight ?
Scarica gratis UserMatter, il magazine che tratta la User Experience. Nell'ultimo numero trovi anche: Introduzione alla programmazione orientata agli oggetti, Salvare le immagini per il web con una mappatura Alpha

Usare gli sprites con i CSS

Leggendo l'articolo “Web Site Optimization: 13 Simple Steps” ho notato che tra le tecniche per ottimizzare un sito c’è quella di utilizzare gli sprites in CSS.

Questa tecnica consiste nel combinare più immagini in un unica grande immagine e far visualizzare tramite CSS solo la porzione che ci interessa.
In questo modo diminuiamo drasticamente le richieste HTTP e di conseguenza rendiamo il sito più veloce.

Per chi è interessato a questa tecnica consiglio di leggere “CSS Sprites: Image Slicing’s Kiss of Death” di Dave Shea.

La creazione dell’immagine grande può richiedere un po’ di tempo e quindi c’è già chi ha pensato di creare un utile tool per la creazione automatica degli sprites.

PS: Yahoo utilizza questa tecnica per ridurre il numero di chiamate HTTP (ad esempio qui, qui e qui).

TrackBack

TrackBack URL per questo post:
http://blog.augitaly.com/mt-tb.cgi/505

Invia un commento

(If you haven't left a comment here before, you may need to be approved by the site owner before your comment will appear. Until then, it won't appear on the entry. Thanks for waiting.)