Como desenhar para diferentes navegadores da Web - manequins

Embora o seu público possa diferir, você pode criar sites que parecem bons no Safari no iPhone e iPad sem comprometer o design da página quando visualizado em qualquer um dos navegadores mais populares na Internet.

Se você quer fazer um site de aparência fantástica com muita funcionalidade útil e toneladas de "fator wow", você poderia projetar suas páginas da web com o código para torná-los bons nos navegadores que visitam seu site.

É uma boa idéia segmentar (e testar) seus projetos usando as duas versões mais recentes de cada um dos navegadores mais populares em computadores desktop e laptop.

No momento desta escrita, os navegadores na lista a seguir foram os mais populares - e os mais usados ​​para testar e direcionar seu design:

• Chrome: Versões 7, 8, 9

• Firefox: Versões 3. 5, 3. 6, 4. 0

• Internet Explorer: Versões 8, 9

• Opera: Versões 10, 11

• Safari: Versões 4, 5

Descubra o navegador do seu público Preferências

Se você não tem certeza de quais navegadores seus visitantes estão usando, você provavelmente pode descobrir ao visualizar os logs de tráfego do seu site. A maioria dos sites tem uma maneira de rastrear o tráfego e, ao pesquisar seus logs na web, você pode ver quais tipos de navegadores e dispositivos estão visitando seu site.

Uma ótima maneira de rastrear o tráfego é o Google Analytics, que você pode adicionar gratuitamente a qualquer site para rastrear fontes de tráfego, medir quais navegadores visitam seu site, além de fazer muitas outras coisas. Nesta figura, você vê como o Google Analytics lista todos os tipos de navegadores e dispositivos que visitam um de nossos sites.

Os padrões de tráfego e o uso do navegador mudam ao longo do tempo, portanto, não deixe de revisar seus próprios relatórios regularmente e teste seu código com cada nova versão do navegador. Compreender seus próprios visitantes pode ajudá-lo a escolher o caminho que funciona melhor para o seu site.

Compare o suporte HTML e CSS entre os navegadores da web

Quando você cria sites para iPhone e iPad e os visitantes do seu site possuem um desses dispositivos, você pode confiar que eles têm a versão mais recente do Safari, que é um dos os melhores navegadores para suportar os recursos mais recentes do HTML5 e CSS 3.

Se você estiver indo para projetar páginas com o código certo para os navegadores certos, você precisa identificar quais navegadores suportam quais tags. Felizmente, uma série de recursos on-line pode ajudá-lo, incluindo Can I Use e seu site complementar visualmente atraente, HTML5 Readiness mostrado nesta imagem:

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