Como projetar para diferentes navegadores

Embora seu público pode ser diferente, você pode criar sites que parecem boas no Safari no iPhone e iPad, sem comprometer o design da página, quando vistos em qualquer um dos navegadores mais populares da Internet.

Se você quiser fazer um site incrível para o futuro com muitas funcionalidades úteis e toneladas de # 147-wow factor, # 148- você pode projetar suas páginas web com o código para torná-los olhar bom em todos os navegadores da Web que visitam seu site.

É uma boa idéia para o destino (e teste) seus projetos utilizando as duas versões mais recentes de cada um dos navegadores mais populares em computadores desktop e laptop.

No momento da redação deste artigo, os navegadores na lista a seguir foram os mais populares - e os mais bem usado para testar e direcionar seu projeto:

• Cromada: Versões 7, 8, 9

• Raposa de fogo: Versões 3.5, 3.6, 4.0

• Internet Explorer: Versões 8, 9

• Ópera: Versões 10, 11

• Safári: Versões 4, 5

Descubra preferências do navegador do seu público

Se você não tiver certeza de quais navegadores seus visitantes estão usando, você provavelmente pode descobrir através da visualização dos registros de tráfego do seu site. A maioria dos sites tem uma maneira de controlar o tráfego, e por pesquisar seus registros da web, você pode ver que tipos de navegadores e dispositivos estão visitando seu site.

Uma ótima maneira de monitorar o tráfego é o Google Analytics, que você pode adicionar gratuitamente para qualquer site para rastrear as fontes de tráfego, medida quais navegadores visitar o seu site, bem como fazer muitas outras coisas. Nesta figura, você ver como o Google Analytics lista todos os tipos de navegadores e dispositivos que visitam um dos nossos websites.

padrões de tráfego e mudanças de uso do navegador ao longo do tempo, por isso não deixe de rever seus próprios relatórios regularmente e testar seu código a cada nova versão do navegador. Compreender os seus próprios visitantes podem ajudá-lo a escolher o caminho que funciona melhor para o seu site.

Compare HTML e suporte CSS entre os navegadores da web

Quando você criar sites para o iPhone e iPad e visitantes para o seu site tiver um desses dispositivos, você pode confiar que eles têm a última versão do Safari, que é um dos melhores navegadores para apoiar os mais recentes recursos de HTML5 e CSS 3.

Se você estiver indo para projetar páginas com o código certo para os navegadores certas, você precisa identificar qual navegador suporta quais tags. Felizmente, uma série de recursos on-line pode ajudá-lo, incluindo Eu posso usar e seu site associado visualmente atraente, HTML5 Readinessmostrado nesta imagem:

Outro site útil para comparar e entender suporte do browser para CSS 3 é CSS3 favor.