CSS Sprites para fazer seu site carregar mais rápido
Pietro Gaião | maio 25th, 2010 | Tableless | No Comments »
Um sprite é uma coleção de imagens colocadas em uma única imagem.
Uma página web com muitas imagens pode demorar muito tempo para carregar e gera várias solicitações de servidores.
Usando sprites irá reduzir o número de pedidos de servidor e salvar largura de banda.
Vamos ver como criar imagens transparentes com CSS. Para aqueles que ainda tem dúvidas de como deixar uma imagem transparente, vai aí uma dica. Fiz uns testes, esse CSS funciona em todos os navegadores.
Todos os elementos HTML podem ser considerados como caixas. Em CSS, esse modelo é usado quando se fala de design e layout.
O modelo de caixa de CSS é essencialmente uma caixa que envolve elementos HTML, e é constituída por: margens, bordas, padding e conteúdo real.
O modelo de caixa nos permite colocar uma borda em torno de elementos e elementos do espaço em relação a outros elementos …
Um problema que muitos programadores tem é a incompatibilidade dos navegadores.
Eis aqui uma solução para isso.
As vezes um bom e antiquado hack CSS pode te tirar de uma grande dor de cabeça.
Centralizando um objeto na Horizontal e Vertical com CSS
Pietro Gaião | julho 9th, 2009 | Tableless | No Comments »
Vou mostrar agora uma técnica muito útil: Como centralizar um objeto na horizontal e na vertical com css.
No exemplo abaixo, vou utilizar uma div com o id “bloco”, iremos centralizar esse elemento na página.
Gustavo Girard