Carlos Tristacci » Padrões web

JavaScript Acessível

Carlos Tristacci — Sat, 17 Jul 2010 13:19:58 +0000

O JavaScript permite adicionar características que aumentam a capacidade de interação, características de processamento de informação, e controle sobre os conteúdos Web. O JavaScript pode também causar problemas de acessibilidade ao limitar a navegação através do teclado ou através das tecnologias assistivas, apresentando conteúdo ou funcionalidades não acessíveis a tecnologias assistivas, limitando o controle do usuário do conteúdo que é alterado automaticamente, modificando o funcionamento padrão do browser. Quando se deparar com questões de acessibilidade relacionadas com JavaScript, faça uma de duas coisas:

Verifique se o JavaScript é acessível testando a navegação via teclado e utilizando tecnologias assistivas, como leitores de tela.
Forneça uma alternativa, não-JavaScript, acessível.

Continue lendo em: http://www.acesso.umic.pt/tutor/java_1/java5.htm

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 3 ( Final )

Carlos Tristacci — Mon, 20 Jul 2009 11:35:40 +0000

Finalizando a série sobre layout líquido, nesta vídeoaula apresento a técnica chamada Holy Grail ou Santo Graal, para um layout com 3 colunas, sendo 2 colunas com largura fixa e 1 coluna com largura variável.

Está técnica foi publicada no site www.alistapart.com/articles/holygrail e depois traduzida para o português no site alabrasil.blogspot.com/2006/02/em-busca-do-santo-graal.html. Acredito que tenham batizado com este nome devido aos problemas que ocorrem na estruturação deste tipo de layout principalmente no Internet Explorer 6.

Sinta-se a vontade em assistir e comentar a técnica.

Baixe os arquivos desta vídeoaula.

Modelo de Currículo em HTML

Carlos Tristacci — Fri, 12 Jun 2009 02:48:15 +0000

Cada vez mais as empresas utilizam a web para garimpar novos talentos. Por isso, ter um currículo on-line lhe dá mais chances de ser encontrado.

Se interessou? Então você pode baixar um modelo no site sampleresumetemplate.net, editá-lo com suas informações e colocá-lo em seu servidor.

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!

Obituário do IE 6

Carlos Tristacci — Sun, 03 May 2009 13:35:44 +0000

O site RIPIE6 http://ripie6.com/ é o aviso que o Internet Explorer 6 morreu. É uma mensagem para todos os usuários que ainda utilizam o “browser” e que não sabem a hora de atualizar seu navegador.

Este movimento contra o Internet Explorer 6 é por ele ser o causador dos principais problemas de compatibilidade no design de páginas HTML. Onde o desenvolvedor tem que realizar esforços extras e memorizar práticas de codificação, para obter o mesmo design independente do navegador utilizado pelo usuário. Mas se o usuário, utiliza-se uma nova versão do “falecido” ou qualquer outro navegador mais compatível com os padrões web. Nossa vida, realmente seria mais simples.