Os benefícios de utilizar JavaScript não Obstrutivo
Postado por: Pedro Rogério emSe você utiliza JavaScript não obstrutivo em seus projetos você está proporcionando uma maior acessibilidade a seus projetos, ou seja, se os scripts fores desabilitados eles não irão interferir no funcionamento da página.
Utilizar JavaScript não obstrutivo proporciona uma maior interoperabilidade, acessibilidade, facilidade de manutenção e ganho de tempo no desenvolvimento de seus códigos.
Foi pensando nisso que Phil Hawksworth desenvolveu uma página muito simples para mostrar que ao utilizar técnicas de Progressive enhancement você está garantindo assim total acesso a qualquer dispositivo.
Abaixo vocês podem ver um exemplo de como o site funciona corretamente em qualquer dispositivo. Essa é uma screenshot que tirei no Openwave Simulator:
Sobre Pedro Rogério
Pedro Rogério é desenvolvedor web por paixão, não saberia fazer melhor outra coisa. Além de escrever para o CSS no Lanche também escreve para o Pinceladas da Web, blog com assuntos gerais sobre desenvolvimento web.
não funcionou no navegador nativo do celular ( nokia E51 rodando symbian s60)
Sem falar que o JavaScript não obstrutivo traz melhorias em SEO.
Melhoramento Progressivo é isso aí, conteúdo acessível a todos, interatividade client-side quando possível.
Não conhecia ainda a iniciativa do Phil, obrigado por divulgar!
Legal, não parei para dar uma lida sobre javascript não obstrutivo.
Legal os links Pedro,
Cale ressaltar também que ao se usar JavaScript não obstrutivo a leitura do site pelos buscadores fica muito mais facilitada, afinal não precisa ser decifrado nenhum lingua de outro mundo.
@oronaldosantos
[]‘ss
É realmente muito interessante o conceito.
Mas tenho uma observação: unobtrusive é diferente de unobstructive.
Unobstructive é não obstrutivo, que não causa obstrução.
Unobtrusive é não invasivo, algo como uma mudança suave e imperceptível.
Eu também já confundi as coisas, é só para agregar a informação.
Valeu!
Cara, post muito interessante, mas só para motivos semânticos, achei que deveria comentar sobre a tradução que vc usou.
“OBTRUSIVE” quer dizer “INTRUSIVO”, e não “OBSTRUTIVO” como declarado no post.
A questão principal é justamente não mostrar código no meio de texto, caso não possa ser interpretado pelo user-agent. Não deixar o código introduzido no meio do conteúdo em situação adversa.
Sendo assim, a tradução mais próxima da realidade seria “JavaScript não Intrusivo”.
Abraços.
Só percebi o erro quando eles apontaram, prova de que o conteúdo do post é bom de qualquer forma.
Mas corrige aí que não custa nada, tá?
[]s