Os CSS Sprites têm sido um tema quente há muito tempo. O fato é que cada imagem em uma página da web é uma solicitação de servidor separada e você pode aumentar drasticamente o desempenho de uma página combinando imagens e reduzindo esse número de solicitações. Neste screencast, vou mostrar como fazer exatamente isso, pegando o que seriam 8 imagens diferentes e combinando-as em uma. Como um bônus adicional, expandimos a ideia com jQuery e construímos um pequeno widget de acordeão.
Links do vídeo:
- Sprites CSS: o que são, por que são legais e como usá-los
- Krystian Morgan (produtor de vídeo de introdução)
- Ver demonstração
- Download de arquivos