Pinceladas da Web

Meu outro site está de layout novo, um pouquinho mais colorido agora, esse layout foi desenvolvido para a resolução 1024×768, quem usa 800×600 acho que não vai gostar nem um pouquinho por que vai ter uma barra de rolagem na horizontal, mas com a queda dos preços dos monitores de 17¨, creio que a tendência de muita gente daqui pra frente é começar a usar uma resolução maior que 1024×768.

Outra coisa interessante é que estou utilizando também Content Negotiation para servir o XHTML como text/html e application/xhtml+xml, ou seja, em um browser de verdade o XHTML vai ser servido como XML, mas no IE ele é servido como text/html.

Para vocês observarem a evolução do meu site, basta estar olhando as antigas versões:

• Versão 1
• Versão 2

<update 23-02-2007>Tutorial para quem não sabe o que é Content Negotiation</update>

Mini Tabbed Pages é um método de agregar informação em 6 simples mini-guias(abas), testado e aprovado nos melhores browsers.

<update 23-02-2007>Pra você que teve dificuldades em estar entendendo o código no artigo original, fiz um arquivo HTML somente com o código necessário para estar utilizando esses Mini Tabbeds, só peço que se você estiver o utlizando em seu site, que dê os créditos ao autor do artigo.</update>

Muitas pessoas pensam que a cor de fundo de um site por padrão é branco, não é? Muitos usuários também utilizam a cor de fundo de sua página como branco, não é? Errado. Os navegadores nos permitem sempre definir uma cor de fundo padrão para nossas páginas a nosso gosto, e isso pode trazer efeitos desastrosos dependendo do website, para vocês terem uma idéia, olhem só a página do Yahoo com um background pink:

Referência: CSS Tip: Always define a background color.

Com essa simples técnica você pode identificar cada link com seu respectivo ícone, dando maiores informações aos visitantes do seu site sobre o que ele poderá encontar aos clicar nos seus links. Funciona praticamente em todos os browsers, menos no IE 6, já quem usa o IE 7 pode ficar feliz por que também funciona.

<update>Pra quem não quiser ir até o site e baixar o arquivo, pode estar baixando diretamente por aqui. Seu funcionamento é simples, é só enviar as imagens para o servidor, abrir o arquivo css que está no zip, copiá-lo e mesclar com o seu, está pronto. Se alguém tiver mais algum problema é só entrar em contato.</update>

<update 2>Veja uma outra solução aqui também.</update 2>