Book Review: Refatorando HTML – Como melhorar o projeto de aplicações web existentes

Capa do livro Refatorando HTML - Como melhorar o projeto de aplicações web existentes Já ouviu falar de refatoração? Refatoração é a melhoria gradual de trechos de código sem alterar o comportamento da aplicação web, site, sistema, etc. O objetivo é remover problemas de código antigo e/ou ilegível (difícil de dar manutenção) para código mais moderno, claro e mais fácil de manter e de realizar manutenções evolutivas. Continue reading “Book Review: Refatorando HTML – Como melhorar o projeto de aplicações web existentes”

A era dos selinhos de validação acabou

Até um ano atrás eu me divertia colocando selinhos de “validado” do validador da W3C em qualquer projeto que eu pudesse fazer. Há 6 meses atrás eu deixei de fazer isso. Há 3 anos um site 100% compliant com os padrões era relativamente raro aqui no Brasil. Site com selinho de validação era site de geek, era pra poucos. Pra eu utilizá-los hoje não faz mais sentido. O tempo deles já era.

Continue reading “A era dos selinhos de validação acabou”

Doctype – DTD – Document Type Definition

Introdução

Um documento de (X)HTML seguindo os padrões à risca nunca é completo sem utilizar uma declaração de tipo de documento corretamente. O Doctype de um documento deve ser o primeiro passo a se considerar antes mesmo de aprender qualquer tipo de sintaxe das linguagens de marcação como XML e XHTML. Continue reading “Doctype – DTD – Document Type Definition”

Eu já disse que validação não significa nada?

Lendo textos e comentários em blogs por aí eu fiquei analisando o que muitas pessoas pensam sobre os web standards. Não é vergonhoso não saber algo que você está aprendendo mas é muito triste ver pessoas ostentar aquilo que não conhecem ou que não sabem nada a respeito. É simplemente amador.

Continue reading “Eu já disse que validação não significa nada?”

As Dicas de CSS que você não deve deixar de saber

Desenvolver dentro dos padrões web exige algumas capacidades que vão muito além do conhecimento técnico. Desenvolver bem sua folha de estilos é a certeza de que manutenções futuras serão mais fáceis de serem implementadas. Mas saber bem CSS sem conhecer semântica não vai adiantar muito. De qualquer maneira, conhecer algumas dicas de CSS é uma parte muito importante do todo, que é o desenvolvimento para web. Continue reading “As Dicas de CSS que você não deve deixar de saber”

Validação e Semântica

Eu me lembro que tempos atrás eu acreditava que passar pelo validador da W3C era tudo! Acreditava que se eu conseguisse validar meu site em “XHTML strict” eu seria “o cara”! Me lembro até hoje como foi a sensação de ver aquela tela “This page is valid XHTML 1.0 Strict” pela primeira vez. Com certeza “um pequeno passo para um homem, mas um grande passo para humanidade”, eu pensava.

Continue reading “Validação e Semântica”

Hacks hack hacks!

Meses atrás saiu um convite no blog da Microsoft para que todos os desenvolvedores alterassem os hacks utilizados para o Internet Explorer e os trocasse por uma solução mais limpa e considerada future-proof. A razão disso é o Internet Explorer 7 e os testes realizados em diversos sites que ficaram “quebrados” por causa do uso dos hacks que ironicamente só existem por causa da própria Microsoft por não adotar os web standards como deveriam. No final quem paga o preço são os desenvolvedores.

Continue reading “Hacks hack hacks!”

Microformats

Introdução

O assunto é Microformats. E cada dia que passa me admiro mais com as possibilidades semânticas dessas especificações que são um tipo de design pattern. Microformats é uma palavra que praticamente ainda não chegou aqui. Com exceção de uma citação ou outra nada se discutiu ainda no Brasil. Neste artigo eu vou tentar falar sobre isso que também é relativamente novo para mim. Após escrever e estudar melhor sobre o assunto e publicar alguns textos, resolvi voltar aqui e fazer algumas alterações neste artigo que serve como introdução sobre o assunto. Continue reading “Microformats”

Acessibilidade, Validações e Mecanismos de Busca

A introdução das técnicas de acessibilidade vai além do que simplesmente tornar sites acessíveis a certos tipos de software utilizados por deficientes visuais, estas técnicas ajudam de forma eficaz a melhorar o hanking do seu site nos mecanismos de busca. Vou explicar melhor.

Continue reading “Acessibilidade, Validações e Mecanismos de Busca”

Button Replacement

A estilização de input do tipo submit ou button não é algo novo. Procurando um pouco no Google, você encontrará dezenas de artigos ensinando como estilizar um input (o site foi desatualizado) submit ou button por css. Dependendo do layout os resultados obtidos podem até ser satisfatórios, mas a maioria dos webdesigners vão querer utilizar uma imagem que se harmonize melhor com o restante do layout do que um botão padrão estilizado. Dessa forma, quando se quer ter botões visuais, a alternativa comum é utilizar os input do tipo image, onde você insere um “src” de uma imagem que será utilizada como botão.

Continue reading “Button Replacement”