8 sites que funcionam bem sem JS, obrigado
Muitos desenvolvedores confiam no JavaScript como um recurso essencial. Analisamos uma variedade de sites modernos, interativos e com excelente UX, sem a necessidade de JavaScript.
Reúna-se, senhoras, senhores e crianças. Lo, diante de seus olhos, revelaremos várias aberrações da Internet! Contemplar! Sites que não precisam de JavaScript para exibir seu conteúdo dado por Deus!
Oh, você acha que estou brincando? Sites apresentados por HTML e CSS antigos e simples estão se tornando cada vez mais raros. Neste momento, eu não sei a quem culpar, e vale a pena culpar alguém? Eu poderia apontar o dedo para quem ou o que eu acho que é a culpa, ou eu poderia apontar os dedos para sites criativos e às vezes grandes que fazem isso certo!
Agora, o que quero dizer com "fazer certo"? Alguns desses sites, você pode perceber, implementam algumas coisas com JavaScript. Mas aqui está o segredo: se você desativar o JavaScript, esses sites ainda funcionarão bem. O conteúdo não desaparece apenas. Os efeitos e recursos do JavaScript têm fallbacks! Os sites são aprimorados progressivamente ou são degradados normalmente.
De qualquer maneira: eles funcionam. E eles são difíceis de encontrar, nos dias de hoje.
1. Amazon
Você pode esperar um site com tanta informação presente em qualquer página Amazon tem que usar uma montanha de JavaScript para, de alguma forma, organizá-lo de forma mais eficiente. Não tão. Desligue o JS, e você pode comprar coisas muito bem.
2. O Warren Trust
The Warren Trust é outro que se degrada bem graciosamente. Com o JS on, o site usa técnicas AJAX para carregar o conteúdo de outras páginas sem sair tecnicamente da home page. Desligue o JS e ele não funcionará como acontece com o JS ativado, mas funciona . Você ainda pode ver todas as páginas, mas, você sabe, em sua própria página.
3. Coisas & Absurdo
Coisas e bobagens foi criado pelo conhecido e auto-admitido web designer Andy Clarke. Então, sim, trabalhe com e sem JS bem. É um belo exemplo de um site que (principalmente) funciona perfeitamente bem de qualquer maneira.
A única coisa que não funciona quando JS está desativado é o reprodutor de áudio. Isso é meio que esperado, realmente. Eu não posso tirar muitos pontos para isso.
4. Mike Mai
O site de Mike Mai É prova suficiente de que seu site pode ser bastante criativo - se for um pouco estranho nesse caso - com ou sem script. E eu quero dizer "estranho", e eu realmente quero dizer "pouco".
Pode não ser o site de pôsteres para acessibilidade visual, mas mostra que tipo de coisas podem ser realizadas em HTML e CSS antigos e simples por aqueles que são loucos o suficiente para experimentá-lo.
5. Casa da Consolação
Casa da consolação é um exemplo preocupante de um site que absolutamente precisa funcionar a qualquer momento, sob qualquer circunstância, não importa quais tecnologias estão ou não estão funcionando. É um centro de prevenção de suicídio, afinal.
Você pode argumentar que seu público-alvo deve ter o JavaScript habilitado em todas as circunstâncias, mas existem alguns serviços que são vitais demais para serem deixados ao acaso.
6. Twitter
Sim, isso Twitter . Foi enquanto pesquisava este artigo que descobri que o Twitter funciona bem sem JavaScript. Bem, a solução deles talvez seja um pouco confusa, mas é eficaz.
Em suma, o Twitter irá redirecioná-lo para uma versão móvel do Twitter. É totalmente funcional, exceto recursos como feeds atualizados ao vivo e assim por diante. Quem disse que as mídias sociais precisam de JavaScript?
Verdade seja dita, o Twitter nunca se sentiu mais rápido.
7. Folga
Você pode precisar de JavaScript para executar um Folga chatroom, mas o resto do site voltado para o cliente parece e funciona muito bem. Até tem uma condição no URL para nenhum JavaScript. E quando você precisa habilitar o JS para fazer as coisas rodarem, eles dizem a você! Eles realmente te dizem!
Não a sério, é uma coisa que muitos sites preferem deixar você olhar para uma página em branco do que até mesmo dizer: “Opa! Parece que o JS quebrou, ou você precisa ativá-lo. ”Eu não gosto dessa coisa.
8 {$lang_domain}
Não, sério, experimente. Você verá alguns downgrades visuais, mas tudo é essencial e funciona bem. É disso que se trata, pessoas!
Eu adoraria ter algum crédito por isso, mas eu só escrevo aqui de vez em quando. Eu acho que esta é minha carta oficial de parabéns ao designer!
Em conclusão
Eu só queria mostrar às pessoas o que poderia ser feito. É isso aí. Eu não estou dizendo que você deve dispensar JS inteiramente, mas eu acredito que deveríamos ser muito mais considerados sobre o que fazemos e não implementamos em JavaScript.
Veja os sites que listei aqui. Olhe para o seu próprio. Para cada coisa que você implementa com um script, pergunte a si mesmo se realmente precisa criar um script. Para esse assunto, você realmente precisa de HTML ?
Está bem, está bem. Isso está indo longe demais.