Eu gosto do meu código muito certinho. Indentação correta e consistente, e um uso inteligente de linhas em branco para separar e organizar tudo em blocos. Mas tem gente que faz uma coisa bizarra, e sai escrevendo o código todo junto, como se os parâmetros precisassem ficar colados uns aos outros para não morrer de frio ou solidão. Aí fica um troço assim:

div{padding:10px;border:1px solid #CCC;width:485px;height:37px;background:#EEE}

Se você faz isso, eu te odeio. Pura e simplesmente. Te odeio e nunca te convidaria pra tomar chá com biscoitos. Pronto, falei.

Agora vá lá ler o post do tableless, que é muito bom.

No related posts.

Nos primórdios da web, quando o conhecimento era pouco e os recursos disponíveis eram menores ainda, havia um recurso bastante usado para montar a estrutura (layout) dos sites: a tabela. A pessoa montava uma grande tabela, com várias linhas e colunas, e ia colocando o conteúdo do site lá dentro. Era o único jeito de fazer o site ficar com a aparência desejada em todos os navegadores.

O tempo passou, o mundo mudou, e algumas pessoas começaram a usar outros recursos para montar a estrutura dos seus sites. Deixaram de usar tabelas e adotaram padrões web, e chamaram a isso de tableless. Se você está se perguntando por quê, temos muitas respostas. Em primeiro lugar, e mais importante, é o fato de que cada tag tem seu propósito, e a <table> não é exceção. Uma table (tabela) serve para exibir dados tabulares para o usuário. Dados parecidos com o que você vê numa planilha do excel. Usar table para montar o layout é usar uma tag fora de seu propósito, como usar um cachorro para pintar a parede. Você pode até conseguir molhar o cachorro na tinta e pintar a parede com ele, mas será que é pra isso que os cachorros foram feitos?

Em segundo lugar, por serem complexas de construir, as tabelas precisam de muito código para serem montadas. Então usar tabelas para montar seu layout acaba entupindo seu site de código html, aumentando o tamanho da página que o usuário precisa baixar. E se o usuário precisa baixar mais coisa, seu site será mais lento. Em terceiro e último lugar, o CSS já estava sendo suportado em todos os principais navegadores do mercado, além de economizar código e tornar mais prático o trabalho de desenvolvimento.

Para quem se interessa em SEO, há um outro motivo muito importante: como usar tabela no layout é errado, seu site acaba sendo “penalizado” por buscadores como o google. Ninguém quer que seu site se saia mal nos resultados de busca apenas porque o designer tem preguiça de aprender CSS.

E isso foi há anos atrás. Com o tempo, construir um site sem tabelas deixou de ser um diferencial dos bons profissionais e se tornou um requisito essencial de um designer. O tempo passou mais ainda e, hoje em dia, pessoas que ainda montam seus sites com tabelas são vistos por profissionais e empresas como grandes amadores, como pessoas que estão apenas brincando de “fazer sitezinho”, como um engenheiro veria você se fosse procurar emprego de engenharia dizendo que sabe montar casinhas com lego.

Você não quer ficar pra trás, você não quer perder a chance de conseguir aquele emprego só porque ainda está construindo sites como se vivêssemos em 1999. O CSS2 já está aí há anos, e o CSS3 está vindo. Se você ainda está montando seus sites com tabela, está na hora de rever seus conceitos.

Se interessou pelo assunto? Encontre livros de Web Design com os melhores preços no JáCotei!

No related posts.

O HTML (e neste categoria estou inserindo o XHTML) é a base de todo e qualquer site na internet, e os programadores web deveriam dominar o HTML como um escritor domina a língua em que ele escreve. Mas muitos só vão se dar conta disso muito depois.

Eu diria que um dos maiores culpados é o Dreamweaver. Que fique claro que eu adoro o dreamweaver e não sou desses usuários que só fala mal dele. Mas é que a facilidade que ele nos dá para criar sites faz com que os programadores iniciantes acreditem que não precisam aprender a base do que estão fazendo, deixando para o dreamweaver o trabalho de montar seus sites.

E aí, por culpa disso, acabo vendo um monte de sites cheios de <font> e <align>, estilos inteiros em CSS montados dentro da própria página em vez de usar um arquivo separado, e muita, mas muita duplicação desnecessária de código.

O mais engraçado é que não vejo nas faculdades um trabalho de conscientização dos alunos, uma explicação de que precisam aprender e dominar o HTML, entendê-lo. E aí, só quando estiverem dominando o HTML como dominam a suas próprias pernas é que deveriam começar a aprender algo mais avançado, como o PHP, ASP ou o lindo Ruby.

No related posts.

Um grupo que não estava muito satisfeito com os rumos que o W3C estava dando ao xhtml resolveu se juntar, e fundaram o WHATWG. Este novo grupo, então, começou o planejamento da quinta versão do HTML. O “rascunho” do HTML 5 foi enviado para o W3C e eles aceitaram.

Ao contrário do XHTML, o HTML 5 foi criado para resolver a maioria dos problemas dos desenvolvedores, já que está se tornando cada vez mais complexo e trabalhoso construir um site decente hoje em dia.

As Mudanças

Entre as várias inovações do HTML 5, a principal delas é a mudança nos formulários. Agora poderemos informar ao navegador algumas definições para a validação do formulário, pra não precisarmos fazer isso por javascript.

Por exemplo, com o código <input type="number" required> nós temos um campo que só vai aceitar números, e é um campo obrigatório para que o formulário seja enviado.

Outros avanços do HTML 5 são:

• Novos elementos de layout, incluindo calendário, cartão de endereços, um datagrid flexível, barras, medidores de progresso, elementos arrastáveis… tudo isso sem precisar de javascript.
• Formalização do XMLHttpRequest, que é a alma do Ajax.
• Um elemento que permite desenhar gráficos bitmap dinâmicos, batizado de canvas.

O Problema

Tudo muito bonito, eu fico sorrindo de orelha a orelha pensando em tudo que virá no futuro, mas aí fico novamente triste ao lembrar de uma coisa muito ruim: Provavelmente o Internet Explorer vai levar muitos anos até implementar o HTML 5. Vai ser como se não tivesse lançado, por causa dessa massa que insiste em usar o IE.

No related posts.