Quando se trata de proteger o seu site com futuro, o ponto de partida óbvio é escrever código limpo, semântico e compatível com os padrões..

"A separação adequada do conteúdo, apresentação e interação significa que o conteúdo do seu site estará sempre disponível em novos dispositivos", diz o evangelista do Opera, Bruce Lawson. "E se você tiver que ajustar as coisas, como adicionar consultas de mídia para suportar dispositivos móveis, é mais fácil encontrar o lugar certo."

RESOLUÇÃO GRATUITA: A demonstração de consultas de mídia de Bruce Lawson mostra como os estilos podem ser otimizados com base na largura da janela de um navegador

Mas, embora o código compatível com os padrões possa ser uma necessidade, não é suficiente, por si só, garantir que seu site seja uma prova do futuro. Com a adoção de novos padrões sendo retidos pelos problemas de navegadores e a crescente adoção de tecnologias de ponta como o CSS3, é necessária uma abordagem mais sutil. E a buzzphrase do momento é 'aprimoramento progressivo'.

O aprimoramento progressivo começa com uma linha de base de funcionalidade utilizável e, em seguida, aumenta a riqueza da experiência do usuário, dependendo do suporte para aprimoramentos oferecidos pelo navegador.

"Quando se trata de proteger o front-end de um site, o futuro é um conceito indispensável", enfatiza Aaron Gustafson, diretor da Easy Designs. "Concentre-se diretamente no conteúdo da página e monte sua marcação da maneira mais apropriada. Isso forma o nível básico de suporte para todos os usuários e funcionará, não importa qual agente do usuário ou sistema operacional esteja acessando esse conteúdo.

"Com a linha de base estabelecida, aplique estilos progressivamente, fornecendo níveis variados de design com base nos recursos do sistema de um usuário. Para alguns, isso pode significar tipografia mais básica e para outros um layout em camadas bonito usando RGBa. Da mesma forma, scripts podem testar se devem ser executados antes de tentar fazê-lo, criando mais níveis potenciais de experiência de usuário aprimorada. "

É vital não esquecer o aspecto de “aprimoramento” do aprimoramento progressivo, acrescenta Marcus Brennand, diretor da Digital Marmalade. "Sem dúvida, use o CSS3", diz ele, "mas não para as partes integrantes de um site. O truque é garantir que as pessoas que usam navegadores mais antigos não saibam que estão faltando alguma coisa e seus aprimoramentos não devem afetar a usabilidade do site "

EVITAR: Serviços de encurtamento de terceiros, como o is.gd, não combinam bem com o futuro - porque se o site ou serviço cair, os links criados não funcionarão

O importante é pelo menos começar a explorar as possibilidades. Trabalhando com novas tecnologias agora, é mais provável que um site permaneça contemporâneo por mais tempo, sem grandes reformulações. Além disso, Lawson observa que os fabricantes de navegadores têm mais ímpeto para implementar os padrões que as pessoas exigem:

"Se ninguém usasse, digamos, raio de borda, não teria sido uma prioridade para os fornecedores de navegadores implementarem." Dito isso, ele sugere cobrir todas as bases ao trabalhar com propriedades experimentais, adicionando quaisquer prefixos de fornecedores disponíveis junto com o prefixo 'padrão' atual. Dessa forma, você está coberto agora e quando a especificação estabiliza.

Acessar todas as áreas

Gustafson argumenta que o aprimoramento progressivo também soluciona as metas de demanda por acessibilidade, devido à ênfase no conteúdo e à capacidade do usuário de se envolver com ele. No entanto, ele sugere manter rédeas apertadas na interface e contraste, garantindo que eles sejam acessíveis a todos.

Pelo menos no Reino Unido, parece que as coisas se acalmaram no espaço de acessibilidade e, enquanto Lawson observa que "legislação ruim exige técnicas específicas que podem ficar desatualizadas", a legislação britânica apenas exige que você "não dificulte as pessoas". com deficiências para usar seu site, desde que isso requeira apenas um ajuste "razoável".

Utilizar as boas práticas de codificação mencionadas desde o início do seu projeto, juntamente com uma navegação e um layout sensatos e coerentes, deve, portanto, garantir que mudanças radicais não sejam necessárias em termos de acessibilidade no futuro..

Menos previsível é o SEO - algo que os designers gostariam que pudessem usar contra o futuro, mas é uma tarefa difícil. "SEO é uma fera em constante mudança", diz o designer e desenvolvedor Soh Tanaka. "Há pouco que você pode fazer além de manter-se atualizado e implementar as técnicas e estratégias mais recentes. Dito isso, se um site é o mais dinâmico possível - executado em um CMS onde conteúdo, tags de título etc. podem ser editados em tempo real e as páginas podem ser nomeadas de maneira amigável ao SEO - ela será flexível o suficiente para acomodar as tendências que o SEO passará. "

Tanaka acrescenta que a única verdadeira constante para os mecanismos de busca é a relevância: "Os mecanismos de busca querem direcionar os usuários para as páginas mais relevantes para seus termos pesquisados", afirma. "A adição constante de conteúdo relevante ajuda a garantir links de qualidade e, portanto, alta pesquisa visibilidade do motor. "

PESQUISA EM TEMPO REAL: Os mecanismos de pesquisa agora estão integrando resultados de pesquisa ao vivo dos gostos do Twitter e do Facebook

O diretor de operações e tecnologia do Pod1, Mark Hopwood, acrescenta que os mecanismos de busca agora também integram resultados de busca ao vivo de sites como o Twitter e o Facebook, portanto, os sites que querem se proteger terão de enviar conteúdo para aparecer nesses resultados.

Ao codificar, você também não deve esquecer sua equipe e a si mesmo, em vez de se concentrar apenas nos usuários e nos mecanismos de pesquisa. "Sempre projete seu trabalho com uma visão de que, se você não estiver por perto no dia seguinte, alguém pode continuar de onde parou", diz Brennand..

Ele recomenda apontar para código limpo, organizado e comentado, usando nomes descritivos de classe e ID para CSS, em vez de abreviações, para ajudar na legibilidade. "Para uma programação mais complexa, produza documentação completa", acrescenta ele, "e isso deve ser atualizado durante desenvolvimentos posteriores. Isso pode parecer óbvio, mas quando novos desenvolvedores colocam as mãos no código, eles às vezes não mantêm a documentação."

Como um pensamento final nesta área, Lawson sugere mover o máximo possível do seu trabalho para abrir formatos, especialmente quando se trata de armazenamento: "Garanta que seus documentos possam ser importados usando uma variedade de programas, então você não está preso a um tipo de arquivo suportado por um fornecedor. "