La vai uma dica para quem trabalha muito com CSS para testar a compatibilidade de seu(s) vários browsers.
Essa ferramenta possibilita, de uma forma muito simples e rápida,  você testar quais seletores são compatíveis ou não com o browser utilizado.

Ler post completo »

Ontem quando fizemos o post sobre Menu vertical utilizando CSS, o Ronildo fez um comentário, mas mais importante de que seu comentário foi a referência dada.
A referência foi para o blog do Bruno que trata de uma forma mais que detalhada a utilização do valign, vertical-align e line-height, que é um grande ponto de confusão [...]

Ler post completo »

Todos sabemos que hoje o posicionamento nos sites de busca é algo super importante. A SON (School of Net) é um projeto novo, logo, muitas técnicas de SEO estão sendo utilizadas para que possamos nos posicionar!
SEO é a abreviatura de Search Engine Optimization, ou seja, otimização em mecanismos de busca.
Estamos tendo bons resultados como alguns [...]

Ler post completo »

Acreditamos que a maioria dos desenvolvedores web, gostam muito do querido navegador Firefox!
E então veio sua nova versão que em sua primeira semana possuia 9 mil downloads por minuto. Ualll
Contudo, muitos desenvolvedores foram pegos por algumas diferenças entre a versão 2 e 3 do navegador (isso inclui a Google, muitos de vocês e nós, School [...]

Ler post completo »

Acreditamos que muitos desenvolvedores estão com alguns problemas de CSS entre as versõs 2 e 3 do Firefox.
Nós também detectamos um pequeno problema em nosso menu horizontal, onde o mesmo estava funcionando perfeitamente bem no Firefox 3, porém no Firefox 2 tal menu fica com uma diferença de 1px.
Segue abaixo um pequeno tutorial de como [...]

Ler post completo »

Depois de todo o BOOOM!! do Tableless muitos sites e especialistas no assunto estão dizendo: Fora Tableless!!

O grande ponto de tudo isso é utilizar “tableless” de forma equivocada!
Quando um desenvolvedor aprende e começa utilizar os padrões web, a primeira coisa que vem a cabeça é: Meu site tem que ser tableless ou seja, não deverá [...]

Ler post completo »

Um dos pontos importantes de nosso site de pré-lançamento é o menu horizontal.
Fizemos tal menu utilizando somente CSS. Gostaríamos de dar um simples exemplo de como fazer um menu horizontal utilizando CSS.
Arquivo CSS:

#menu {
display: table;
background-image: url(/images/menu.gif);
background-repeat: no-repeat;
width: 628px;
text-align: left;
margin:0 auto;
position:relative;
height: 24px;
}

#menu ul {list-style:none;}
#menu ul li {display:inline}
#menu ul li a {
font: 10px Verdana, Arial,tahoma, sans-serif;
color: white;
text-decoration: [...]

Ler post completo »

Enquanto nossa animação de apresentação está sendo desenvolvida, começaremos a gerar o HTML para o site do pré-lançamento.
Temos que definir o seguinte: Vamos utilizar o máximo possível de webstandards e microformats, porém, nossa opinião sobre isso é a seguinte:
Acreditamos que a utilização de webstandards nos dá vários diferenciais como:

Redução no código fonte
Site mais leve, utiliza [...]

Ler post completo »