xhtml

PNG no IE 6 - Entenda como o problema é resolvido

ATENÇÃO: Para verificar a renderização do png no IE 6 use o próprio Internet Explorer 6 e não o Multiple IE (que por sinal não recomendo pra mais ninguém). Se não tiver acesso a um computador com esse browser é possível testar através do uso de uma máquina virtual.

O formato de arquivos PNG surgiu para substituir o limitado formato GIF, diferindo deste no suporte a canal alfa, no maior número de cores e na alta compressão possível. Por outro lado o Internet Explorer 6, navegador xing-ling ainda muito usado, não dá suporte nativo à transparência do PNG, mas é possível contornar esse problema com uma propriedade CSS.

Não vou publicar nenhuma solução aqui, mas explicar como todas elas funcionam (sim, elas funcionam da mesma forma). Para que a imagem fique transparente você deve sumir com a imagem em si e exibi-la somente com a propriedade filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='<caminho_da_imagem>', sizingMethod='image');. Continuar lendo...

Comece a pensar em HTML

Sabe Matrix? Pois é... Comece a se conformar que olhar para códigos e ver documentos é possível.

Páginas em XHTML (o X antes é só pra dizer que é extensível, não tem nada a ver com os X-men) são os códigos e o que você vê no navegador é o resultado (o que você vê no navegador na verdade é o resultado do seu HTML somado com seu CSS, mas explico depois). O grande problema aparece quando se percebe que para o mesmo resultado existe uma infinidade de códigos possíveis. Existem muitos motivos para se fazer HTML da melhor forma possível indo de profissionalismo e cuidado à otimização para busca.

Para a criação de um bom HTML é preciso um pouco de prática e senso crítico. Para quem nunca viu, o processo normalmente é assim: o webdesigner cria um layout (no Photoshop, no Illustrator ou outro parecido) e você cria o HTML e o CSS (essa função também é conhecida como HTMLer). Continuar lendo...

Aprendendo XHTML e CSS - Um começo

Depois de tomar uma surra do TinyMCE no drupal 6 (faltava um patch para que a opção de desabilitar o rich-text aparecesse) estou postando de novo.

Um dos objetivos da criação do blog é poder passar dicas que gostaria de ter recebido no começo da minha vida de desenvolvedor web. Pra começar nessa carreira você precisa aprender HTML (direito, sem tabelas - só onde é necessário), depois CSS, Javascript (que não tem nada a ver com Java, por favor...), e alguma(s) linguagens de servidor (PHP, ASP, Java, etc).

No começo nada é fácil, você esbarra em expressões e conceitos que nunca viu e que logo de cara percebe que são importantes (SEO ou otimização para busca, validações da W3C, por exemplo) e vem aquela sensação de estar nadando num oceano, mas assim é a vida. Continuar lendo...