Archive

Archive for the ‘CSS’ Category

Client-side e sua importância

January 21st, 2009

Dar atenção a um código XHTML bem escrito, é abrir portas para deficientes e usuários de diversos dispositivos.

CSS

Centralizar div na horizontal e vertical com float e clear

January 20th, 2009

Se você não ficou muito satisfeito com a primeira técnica que postei por aqui de como centralizar na horizontal e vertical com CSS, então vai ficar surpreendido com essa que dscobri recentemente, que faz o uso de float e clear para centralizar o elemento na horizontal e vertical.
Nesse exemplo, vamos utilizar uma div com o [...]

CSS

A internet tem que avançar sem o IE6

January 19th, 2009

O IE6 é um browser com tecnologia de 2001. Já se passaram 8 anos, e você sabe como a web mudou em todo esse tempo. Mas o Internet Explorer não ganhou nenhum tipo de atualização. Ele não suporta uma série de propriedades interessantes do CSS.

CSS

CSS Conditional comments

January 15th, 2009

Uma das operações mais comuns desenvolvidas pelos programadores em uma página web é detectar o tipo de navegador utilizado e versão para que o conteúdo seja entregue de forma conveniente ao usuário. Para isso podem ser utilizadas várias técnicas tanto do lado servidor como do lado cliente. Nesse tutorial você terá uma introdução aos conditional [...]

CSS

The Browser Wars

January 12th, 2009

O site Pixellabs disponibiliza de forma muito criativa uma imagem para mostrar como é a guerra dos browsers em busca de ganho de mercado:

CSS

IE6 Double Margin / Duplicate Characters bug fix usando jQuery

January 8th, 2009

Meus amigos desenvolvedores com certeza conhecem a fundo os mais famosos bugs do IE6, o da margem dupla e o bug da repetição de caracteres, se você não conhecia esses bugs, aconselho a dar uma lida nesses posts. Mas como conhecimento nunca é demais, acabei encontrando hoje uma simples solução para resolver esses bugs no [...]

CSS

Safari CSS Reference

January 6th, 2009

Quando se está aprendendo CSS, é de extrema importância pesquisar quais propriedades CSS são suportadas pelos browsers, isso lhe ajuda a entender milhares de incompatibilidades que podem ocorrer durante o desenvolvimento do projeto. Hoje, vou apresentar aqui a referência CSS suportada pelo Safari, cujo motor de renderiação é o Webkit, motor esse também utilizado pelo [...]

CSS

Pseudo-seletores: O bug do seletor e as chaves

January 5th, 2009

Em relação ao meu último post, sobre Drop Caps com CSS, um amigo me deu uma dica muito interessante por e-mail. Reparem que no tutorial anterior utilizamos o pseudo-seletor :first-letter para desenvolver o efeito de drop caps da seguinte forma:

p:first-letter {
font-size: 4.2em;
float: left;
line-height: [...]

CSS

Animando com jQuery

January 5th, 2009

Que tal experimentar fazer uma área onde o usuário clica em um botão de mostrar/ocultar menu?

CSS

Um 2009 sem fôlego

January 1st, 2009

Este foi um ano de batalhas como qualquer outro. Mas 2009 está chegando e quem sabe o que caminho o desenvolvimento web irá percorrer?

CSS