Fala, Galera,

Hoje vou falar um pouco sobre a parte de CSS da YUI (Yahoo User Interface) . Os caras do Yahoo conseguiram fazer um negócio sensacional com a criação desses 3 componentes: Reset, Fonts e Grids. Esses componentes usados juntos diminuem muito o tempo de produção de uma interface e poupam um bocado de * (hack CSS usado para fazer as coisas funcionarem no IE) no meio do seu CSS. Vou falar um pouco sobre o Reset primeiramente.

Reset

Reseta, reinicia, limpa todas as propriedades nativas dos elementos HTML.

Por que usar o Reset?

Cada browser tem um valor padrão para cada elemento HTML, por isso, quando colocamos, por exemplo, um <UL> e vários <LI> eles já vêm com uma formatação padrão de espaçamento, alinhamento e marcador. O que acontece é que entre os browsers não existe um padrão de formatação inicial para os elementos, o que acaba dando um transtorno na hora de montar o layout. É aí que entra o nosso grande amigo Reset, falando que quem manda agora é você. Com tudo iniciado do zero, sem ninguém interferir, você agora irá definir com qual propriedade os elementos vão aparecer na tela.

Ex:

Nas imagens acima podemos observar o comportamento padrão do browser e o comportamento com o Reset aplicado. Agora é só você definir qual vai ser a configuração dos elementos na sua página.

Acho extremamente recomendado o uso do Reset na construção de páginas web. Na verdade sou muito a favor de qualquer coisa que estabeleça padrões para as coisas acontecerem. A partir do momento que as coisas se tornam compatíveis o número de pessoas que isso irá atingir vai ser cada vez maior. Não teria sentido algum você chegar em outro país e não conseguir carregar seu notebook ou seu celular porque o buraco da tomada é diferente. Viva os padrões!

Existem também algumas coisas que podem ser aplicadas para mídias móveis e em algum momento, mais para frente, estarei falando sobre isso.

Espero que tenham gostado.

Grande abraço. Até a próxima.