Tag Archives: css sprite

Menu javascript e CSS sprites para redes sociais

menu javascript e css spriteO Fazer o meu Site está disponibilizando para download grátis um  menu javascitp e CSS sprite, uma técnica ensinada aqui mesmo no blog: CSS Sprite – criando um menu animado para criar um menu animado com imagens de background em arquivo único, deixando o menu bem mais leve e reduzindo o número de requisições http diminuindo assim o tempo de carregamento da página.

O processo é o mesmo e o menu é animado com três estágios diferentes: normal, mouse sobre e ao clicar. Todas as imagens estão reunidas em um só arquivo.

Continue lendo »

Diminuindo o nĂşmero de imagens com CSS sprite

css sprite para imagens de background  - dicas de cssA técnica de CSS sprite é muito importante para deixar as páginas do seu blog ou site mais leves, principalmente se sua página estiver sobrecarrgada com muitos Gadgets e plugins WordPress por exemplo (se você usa o WordPress é claro) .

Aqui no blog já foi abordada essa técnica em um tutorial que ensina a criar um menu animado com css sprite  porém pode ter deixado a impressão de que isso só é possível com um grupo de imagens próximas, aninhadas e do mesmo tamanho, o que não é verdade.

Continue lendo »

CSS Sprite – criando um menu animado

css sprites - dicas de cssAo contrário do que se poderia imaginar que com velocidades cada vez maiores  das conexões de internet, o peso de uma página seria menos importante, afinal que diferença faria no tempo de carregamento de duas páginas, uma com 200 KB e outra com 210 KB para um usuário com conexão de 10Mb ? teoricamente abririam ao mesmo tempo, seria imperceptível a diferença.

Mas não é assim que o Google pensa e apesar de conexões cada vez mais velozes os Webmasters, Web Designers e Blogueiros tem que se preocupar em economizar cada KB  quanto seja possível prar que a  sua página abra um pouco mais rápido, nem que sejam décimos de segundos.

Continue lendo »