Carlos Tristacci » Tableless

Hitler falando sobre o Internet Explorer 6

Carlos Tristacci — Thu, 26 Nov 2009 15:50:28 +0000

Salve galera!

Sempre posto artigos mais técnicos ou conceituais. Mas desta vez, não pude me conter com esta tragicomédia sintetizando tudo que nós desenvolvedores e designers enfrentamos graças a existência do Internet Explorer.

Hi Hitler!

Layout Líquido – Parte 2

Carlos Tristacci — Sun, 10 May 2009 20:44:18 +0000

Complementando a série sobre layout líquido, nesta segunda vídeoaula apresento uma técnica para um layout com 2 colunas, com 1 das colunas com largura fixa.

Está técnica é útil quando temos colunas já com um tamanho bastante reduzido e se caso sejam diminuídas poderiam distorcer a apresentação do conteúdo. Ela é bastante simples, quando eu a aprendi fiquei espantado com a “jogada” usada com o XHTML e CSS.

Baixe os arquivos desta vídeoaula.

Layout Líquido – Parte 1

Carlos Tristacci — Sat, 09 May 2009 04:44:43 +0000

Depois de um tempo sem postar, trago para vocês uma vídeoaula sobre layout líquido. Uma técnica muito legal para resolver problemas que encontramos em arquitetura de informação, quanto ao melhor aproveitamento dos espaço da tela, e também com detalhes relativos a acessbilidade e as características de cada leitor de telas.

Esta é a primeira vídeoaula e a mais simples de uma série de 3 posts sobre este assunto, que trata apenas da definição do layout líquido com valores percentuais .

Tableless – CSS

Carlos Tristacci — Fri, 08 May 2009 14:14:11 +0000

Dando a sequência na série Tableles, vamos estilizar o XHTML estruturado na vídeoaula Tableless – HTML. Deixando claro que a técnica que utilizo neste post é uma das várias técnicas que são utilizadas na web. Cada uma com suas vantagens e desvantagem e dependendo da maturidade e intimidade que o webdesigner tem com o XHTML e CSS.

Tableless – XHTML

Carlos Tristacci — Fri, 08 May 2009 14:05:27 +0000

Tableless segundo a Wikipédia é uma forma de desenvolvimento de sites que não utiliza tabelas para disposição de conteúdo na página, pois defende que os códigos HTML deveriam ser usados para o propósito que foram criados, sendo que tabelas foram criadas para exibir dados tabulares. Para a disposição da página o recomendado seria usar CSS. O termo ganhou destaque no Brasil sendo pouco utilizado no resto do mundo.

Dentre as possíveis vantagens da metodologia, estão a diminuição do peso da página (na realidade, o conteúdo da página é mostrado mais rápido, o que não significa que o peso da página seja menor – isso, é claro, sempre dependendo de como o HTML é feito) e melhora da acessibilidade – podem ser vistos em dispositivos móveis sem necessidade de versão especial e por deficientes visuais, embora não sejam muitos os sites tableless que carregam atualmente esta segunda característica.

Está é a primeira vídeoaula de uma série de duas vídeoaulas que falam sobre tableless. Pensando em quem está iniciando no desenvolvimento web, começamos com a estrutura do conteúdo em XHTML, para demontrar o uso da metodologia e de que forma podemos aproveitar todas as suas vantagens e como resolver os problemas de compatibilidade entre os navegadores, crossbrowser.

Web Standards. A Teoria da Simplicidade

Carlos Tristacci — Fri, 08 May 2009 00:51:44 +0000

Estreio meu primeiro Screencast (vídeo-aula), falando sobre Web Standards. Este será uma sequência de outros Screencasts falando sobre o desenvolvimento web dentro dos padrões e de forma acessível.

Espero que gostem deste novo modelo de post e deixem comentários. Um abraço!

Guia de Referência XHTML

Carlos Tristacci — Fri, 06 Mar 2009 12:51:21 +0000

Salve Galera!

Acabei de receber uma dica de um material, para consulta rápida, de um colega aqui da Universidade de Brasília.

O Guia de Referência XHTML, produzido pelo cgi.br/w3c, contém a especificação de todas as tags e atributos do XHTML.

Bom material, para quando surge aquela dúvida de qual tag utilizar.

Faça o download do guia neste endereço - http://www.w3c.br/divulgacao/pdf/guia-xhtml-w3cbr.pdf

Abraço!