Estou no processo de criar meu próprio site, que incluirá um blog técnico. Quero construir meu site usando tecnologias modernas, como HTML5 e CSS3.
Como meu site será direcionado a programadores e principalmente a usuários experientes em tecnologia , devo admitir que essas pessoas estarão usando um navegador moderno? Ou devo tornar meu site compatível com navegadores antigos?
Não quero passar pelo esforço de adaptar meu site para ser compatível com os navegadores que suponho que não serão usados.
ATUALIZAÇÃO: Li as respostas até agora e parece que você perdeu um detalhe importante sobre a pergunta. Portanto, caso não esteja claro, concentre suas respostas levando em consideração a natureza do site:
meu site será direcionado a programadores e usuários mais experientes em tecnologia
Considerando isso, devo tomar como certo que essas pessoas estarão usando um navegador moderno?
fonte
lynx
:)Respostas:
Adicione o Google Analytics ao seu site e acompanhe seus usuários
A única maneira de descobrir é coletar uma amostra razoável de estatísticas sobre sua base de usuários. Qualquer coisa menos que isso é apenas uma suposição infundada.
Felizmente, o Google Analytics rastreia absolutamente tudo sobre o navegador, tamanho da tela, recursos ativados, etc.
Segmente o Internet Explorer como a 'marca baixa' porque as versões são suportadas por muito mais tempo. Por exemplo, o ciclo de vida do suporte ao Windows XP não expirará até 8 de abril de 2014, portanto o IE 6 não desaparecerá até então.
Se as estatísticas mostrarem que apenas uma porcentagem muito pequena de usuários usa o IE 6 (ou IE 7) pode não justificar o esforço necessário para oferecer suporte ao navegador.
Quanto ao HTML5 mais novo, você pode adicionar um shiv HTML5 ao seu site para obter uma cobertura gratuita de aprimoramento progressivo, mas limitar os recursos mais avançados (por exemplo, API de arquivos HTML5) a seções particulares do seu site até que os navegadores os atualizem.
fonte
90% ou mais dos americanos têm imagens ativadas, JavaScript ativado, suporte a CSS e uma conexão razoável.
Passar 90% do seu tempo perseguindo os 10% do mundo que se esforçaram para não experimentar a web moderna é uma perda de tempo.
fonte
Presumir:
Eu sei que não é isso que você quer ouvir, mas como web designers e desenvolvedores, essa é a realidade que enfrentamos. Não apenas haverá usuários usando navegadores antigos, mas alguns deles alterarão as configurações do navegador para alterar seu comportamento padrão (por exemplo, desative o JavaScript).
Você também não pode esquecer bots, como mecanismos de pesquisa, que terão suporte variado e limitado para CSS e JavaScript. Além disso, alguns usuários usarão leitores de tela notoriamente atrasados no suporte às tecnologias mais recentes.
O suporte a todas as opções acima é realmente muito mais fácil do que parece. O aprimoramento progressivo é um princípio básico do design e desenvolvimento da web e permitirá que você use os melhores e mais recentes recursos do seu site, enquanto ainda suporta navegadores e usuários que ainda não conseguem lidar com tudo isso.
fonte
Certifique-se de que, no mínimo, sua página inicial funcione bem em todos os ambientes com os quais você possa razoavelmente oferecer suporte. Se páginas específicas exigirem tecnologias que não são amplamente suportadas, indique-a claramente nos links que as levam (não precisam usar nada desagradável,
title
ealt
textos em links e imagens podem ser suficientes) e nas próprias páginas (por exemplo, adicionando uma pequena cabeçalho - que pode ficar oculto quando / se você conseguir detectar que os recursos estão presentes).Além disso, tente garantir que as páginas sejam degradadas normalmente quando as tecnologias necessárias não estiverem presentes / ativadas. Mesmo que seus visitantes tenham conhecimento técnico, se algo em sua página simplesmente não funcionar, mas não há indicação do que está faltando, eles podem não se dar ao trabalho de procurá-lo (a menos que estejam realmente interessados, o que não é algo que possa ser). assumido). OTOH, você não precisa fornecer instruções detalhadas sobre como ativar o que está faltando, apenas declarar o que precisa ser ativado deve ser suficiente para esse público.
Atualização: eu gostaria de colocar mais ênfase no último ponto com um anedocte pessoal: como usuário ciente da segurança, eu sempre navego com o NoScript ativado. Quando vou a um site que possui um vídeo, por exemplo, uma das coisas abaixo acontece:
width
eheight
estaticamente definido, e às vezes não há nenhum indício a página tem um vídeo em tudo. Pode ser totalmente perdido;Isso é apenas para ilustrar alguns problemas que podem ocorrer mesmo quando você assume um navegador moderno e um usuário com experiência em tecnologia. Você não precisa se esforçar para garantir que seu site funcione para todas as configurações possíveis, mas é importante que alguns elementos à prova de falhas estejam presentes, mesmo nesse caso.
fonte
Acho que o argumento de John Conde foi que, por serem pessoas técnicas, você não pode assumir que está usando um navegador moderno. Dito isto, tenho a tendência de concordar com Evik James que o OP precisa encontrar o equilíbrio entre codificar o site para um público mais amplo ou começar a escrever em blogs. Se ele quiser monetizar este site em algum momento, eu diria que ele deve seguir as filosofias de Aperfeiçoamento Progressivo e Design Responsivo, pois é muito mais fácil melhorar progressivamente se você começar com dispositivos móveis (e com o IE6!) E criar seu caminho acima. Mas, pelo menos, o OP deve executar seu site através de um navegador Lynxpara ver como seu site se parece com um leitor de tela ou um mecanismo de pesquisa e garantir que tudo possa ser visualizado com imagens, CSS e javascript desativados. Depois, deixe todos os sinos e assobios realmente legais para os navegadores modernos, e não se preocupe tanto com o que parece um pouco fora do lugar ou com uma aparência chata no IE6.
fonte
w3m
,lynx
ou qualquer navegador de texto está disponível.Eu acho que você deve assumir que eles estão usando navegadores modernos com base no seu mercado-alvo. Mantenha uma guia sobre o uso do navegador e, se um número significativo de pessoas estiver usando navegadores mais antigos, faça as alterações de compatibilidade.
fonte
Você deve ler sobre aprimoramento progressivo para dar suporte à maioria dos usuários e aproveitar os recursos do navegador. O design responsivo é outro tópico importante para dar suporte à maior parte dos dispositivos (atualmente muitas pessoas usam dispositivos móveis). Por outro lado, existem muitas bibliotecas como Modernizr , boilerplate , explorercanvas para ajudá-lo nessa questão.
fonte
O fato de seu público-alvo ser programador, etc, ainda não assumiria que, por serem mais tecnicamente conscientes, terão as últimas novidades em seus computadores. É o raciocínio pessoal, e não o pensamento profissional, que determina o que um programador / técnico usa em seu computador.
Por exemplo, um programador pode ser paranóico e não permitirá que o Java seja ativado em seu computador.
De qualquer forma, a internet está aberta a todos, não em buracos de diferentes seções. Crie o site para que seja acessível a qualquer pessoa. Você nunca sabe que um programador experiente em tecnologia pode ter seu computador quebrado e ficar preso no PC da mãe, que estaria executando o Windows XP com o Internet Explorer 7.
fonte