Desenvolvedor analfabético X Photoshop X Fireworks X Illustrator

Hoje um artigo do Diego do Tableless sobre o uso de ferramentas WYSIWYG no desenvolvimento web acabou despertando um certo protesto sobre o trecho quando, entre parênteses, ele escreveu: Fireworks não, por favor!

Eu acompanho o Tableless desde 2005 e lembro de, nos vídeo tutoriais que assisti, ter visto sempre uma inclinação do Diego em relação ao uso do Illustrator.

Continuar lendo Junho 5th, 2007

Ainda sobre layout de três colunas

No artigo Sua primeira vez com XHTML e CSS criei um layout de três colunas que usava a propriedade float com o valor left para posicionar as colunas (divs). Nesse artigo vou usar um método diferente para conseguir o mesmo resultado.

Continuar lendo Março 27th, 2007

Comunidade Tableless

Bela notícia para uma tarde de sexta-feira e principalmente para quem inaugurou um blog sobre padrões da web como eu há duas semanas atrás. O pessoal do Tableless acabou de abrir uma nova área no site que está sendo chamada de Comunidade Tableless. A área vai reunir posts de sites diversos sobre web standards e assuntos relacionados.

Parabéns Tableless… excelente idéia !

Fevereiro 9th, 2007

Sua primeira vez com XHTML e CSS - Continuação - Inserindo topo e rodapé

Esse artigo é a continuação do Sua primeira vez com XHTML e CSS e, por isso, se você fez a leitura dele, recomendo que faça para poder entender melhor os passos que daremos agora.

No artigo anterior trabalhamos o xhtml e o css para construir um layout com três colunas conforme a idéia abaixo:

layout de 3 colunas

Continuar lendo Fevereiro 8th, 2007

Sua primeira vez com XHTML e CSS em 4 passos

Você quer colocar a mão na massa e montar sua primeira página com a dobradinha XHTML e CSS ? Então vamos lá. Montei quatro arquivos que, na realidade, servirão como quatro passos para alcançarmos o resultado. Primeiramente vou resumir o conteúdo dos arquivos:

1. O XHTML possui uma div, um cabeçalho H1 que é o título do site e um parágrafo. O CSS formata apenas esse elementos da página, ou seja, não há classes ou IDs. As regras do CSS não possuem abreviações, estão “cheias”.
2. Tudo igual ao primeiro arquivo, mas o CSS foi resumido que é para você perceber o quanto pode diminuir o seu código.
3. Divs foram criadas e receberam IDs, mas as regras dos IDs não foram criadas ainda.
4. Criadas as regras para as IDs. São regras que controlam o posicionamento e outras características das divs e fim.

Vamos ver agora o código de cada um deles comentados em seguida:

Continuar lendo Fevereiro 4th, 2007