JavaScript – Melhores Práticas para Iniciantes I

Filed Under (Dicas, Javascript) by Cristian Trentin on 20-07-2009

Esse é o primeiro post de uma série de três, onde estou fazendo a tradução parcial e trazendo o melhor do post original “24 JavaScript Best Practices for BeginnersLink Externo” de Jeff WayLink Externo.

1 – Use === ao invés de ==

O JavaScript utiliza dois diferentes operadores de igualdade, quando precisamos comparar dois valores e também seus tipos de dados se faz necessário o uso ===, agora quando precisamos comparar apenas seus valores mas não o tipo de dados podemos usar ==.

No PHP também é possível o uso desses dois operadores!

2 – Não use o Eval

Para quem não conhece o eval vamos dar um exemplo:


eval("alert(2+2)")

Quando executamos o script acima teremos como saída o valor 4, pois bem, o eval permite que tenhamos acesso ao compilador do Javascript, com isso baixando o desempenho do seu script e criando riscos de segurança.

3 – Use { } e ;

Muitos desenvolvedores preferem escrever seus scripts omitindo as { } e os ; no final de cada linha, pois bem, prefira fazer uso dessa técnica apenas quando seu script não passar de uma linha

if(2 + 2 === 4) return 'nicely done';

Mas mesmo assim imagine que você poderá um dia precisar acrescentar algumas linhas a esse código e ai terá que reestruturar essa parte. O ideal é escrever seu script da maneira mais completa possível e lembrando sempre que uma boa indentação é muito importante.


if(someVariableExists) {
     x = false;
}

Read the rest of this entry »

Ferramentas Corretas

Filed Under (Acessibilidade, Dicas) by Cristian Trentin on 12-04-2009

Olás, sou o Rochester Oliveira. Já escrevi no rochester.wordpress.com, Web Bem Feita, e atualmente escrevo no Já Leu Isso Hoje?.

Vamos começar o estudo de acessbilidade escolhendo as ferramentas corretas.

Navegadores

Ao contrário do que se pensa não é preciso testar o site em TODOS os navegadores para verificar se ele está funcionando corretamente.

Eu utilizo o padrão de desenvolver no Firefox e verificar regularmente no IE6 / IE7, Opera, e Safari. Não me preocupo muito com o Chrome, já que sua Engine é a mesma do Safari (WebKit). O segredo nessa parte é escolher um navegador de verdade pra “representar” cada engine e testar em todos os IE’s possíveis (testar no IE nunca é demais). Claro que se for identificado um público de 90% no seu site que utiliza Flock você tem que testar nele também. O mesmo vale para os mobiles.

Sempre faça teste em sistemas operacionais diferentes, pois ao se utilizar tamanhos em “em” (o recomendado para acessibilidade) a fonte utilizada é a referência de tamanho, se no sistema não tiver a fonte que você utilizou, perdeu preibói.

Pra testar o IE6 utilizo o IE tester. Porém, antes de lançar o site teste ao menos uma vez nos IE’s nativos, pra evitar surpresas.

Complementos do Firefox

  • Web Developer: O mais interessante nele é a utilização de css alternativo, verificações de HTML e CSS facilitadas e outlines. Além do porrilhão de outras ferramentas escondidas.
  • Firebug: É o tipo de extensão que te deixa viciado. Um clique e você sabe (quase) tudo sobre um elemento.
  • HTML Validator: Validação rápida do código e também com opções de validar a acessibilidade.
  • Outras Extensões: Cada caso é um caso. Visite o site de extensões de acessibilidade para firefox e veja qual você precisa :) .

Ledores de Tela

Antes de mais nada, sim você leu leDores. É o termo mais comum para se referir a quem lê para outro (no caso, um programa), e quando a pessoa lê por si mesmo é leitor.

Não tenho números, mas pelas conversas com amigos da área, no Brasil o WebVox (do projeto DosVox) é utilizado por quase a metade dos deficientes visuais. O complicado aí é que o webvox é um navegador em modo texto, as limitações do IE são fichinha perdo das dele.

JAWS é líder mundial, e é muito completo. Ele abre como um programa secundário, ou seja, para navegar você vai utilizar o seu navegador normalmente (firefox…) e ele vai ler o que conseguir dali. O NVDA é a alternativa 100% free ao JAWS. Foque-se nesses três (ou escolha no máximo mais um) e você vai conseguir atingir boa parte do seu público.

O objetivo com essas “seleções” não é deixar o site inacessível pra ninguém, e sim deixar ele acessível para todos e extremamente acessível para seu público-alvo.

Alguma ferramenta recomendada por vocês?

[]’s
rochester.

Portal Nacional da Educação Profissional e Tecnológica

Filed Under (Acessibilidade, Dicas) by Cristian Trentin on 28-03-2009

O Portal Nacional da Educação Profissional e Tecnológica oferece um gama de informações bastante vasta sobre o desenvolvimento de sites acessíveis.

Listando a documentação encontrada
Vídeo Aulas

Vídeo em Libras – Sobre a importância da disponibilização de vídeos em Libras

Manuais de Desenvolvimento Web

Dicas de Navegação


Material para Testes

  • Validadores em Português
  • Validadores em Inglês
  • Checklist para Teste Manual
  • Acessibilidade para Usuário com Baixa Visão ou Daltonismo
  • Selo de Acessibilidade

Lembrando que a validação e o selo em sua página não querem dizer muita coisa, para um bom desenvolvimento é um projeto de sucesso é importante fazer testes com pessoas com limitações sensoriais, cognitivas ou físicas.

Fica a dica