Nesta postagem dedicada a quem cria e gerencia sites, vemos alguns sites realmente bem feitos que permitem verificar a exibição de um site em várias resoluções de tela . Hoje, os sites são navegados de maneiras diferentes, com PCs, laptops, telefones celulares, tablets e telas de todos os tamanhos, de monitores grandes como televisores a pequenas telas sensíveis ao toque. Isso significa que aqueles que projetam um site devem garantir que ele seja claramente visível em todos os terminais e nas telas de qualquer resolução.
Um site que não ofereça conteúdo otimizado para os dispositivos mais populares e que seja bem legível em todas as resoluções pode perder muitos visitantes.
Entre as plataformas de blog mais populares, o Blogger permite ativar a versão móvel de cada blog. Com o WordPress CMS, você pode usar um plug-in para criar automaticamente a versão móvel.
De qualquer forma, ainda é importante tentar as resoluções para garantir que o site seja exibido corretamente em monitores grandes e telas pequenas .
Existem várias maneiras de testar o tamanho e ver a resolução nos telefones celulares.
No Windows, você pode diminuir a resolução da tela no menu do painel de controle, enquanto para cada telefone celular existe um emulador ou simulador.
Em outro artigo, eu havia escrito um guia para navegar na Internet a partir de um PC, como se fosse um telefone celular.
Para fazer isso primeiro e testar o tamanho de um site com diferentes resoluções de tela e compatibilidade com telefones celulares, o aplicativo da Web automático Responsivetesttool pode ser usado. Este serviço online permite visualizar um site específico em resoluções predefinidas. Basta escrever o endereço do site para verificar e escolher a resolução clicando com o mouse. Botões semitransparentes aparecem no lado esquerdo que alteram a resolução de acordo com o dispositivo usado. Você pode optar por ver uma página da web ou quatro categorias principais:
- Desktop : para exibir um site com o tamanho de tela de um netbook de 10 "até um monitor de um PC de mesa de 24".
- Tablet para verificar a aparência do site, se for aberto a partir de um iPad, Samsung Galaxy ou outros tablets.
- O celular reúne os celulares e smartphones mais usados no mundo, incluindo iPhone, Blackberry e Google Nexus S com Android.
- Televisão para visualizar páginas da web em telas grandes com resolução (1920 × 1200).
O ScreenFly é um aplicativo rápido que vale a pena destacar por quão bem ele funciona, fluido e sem nunca recarregar o site testado. Um recurso interessante do Screenfly também é a capacidade de detectar versões móveis dos sites automaticamente .
Essa possibilidade pode ser desativada colocando a cruz na opção Sem servidor proxy (desativa a alternância de dispositivos) . Você também pode ativar a rolagem vertical e girar a tela.
O TestSize, por outro lado, é um aplicativo dinâmico que permite simular resoluções desde a tela de um telefone celular (240X320) até a de uma TV (1920X1200).
O TestSize funciona muito bem e permite simular qualquer tamanho pressionando as teclas + e -.
No Google, é possível usar a ferramenta Resizer, muito conveniente para verificar como qualquer site ou página da web é visualizada em telas de vários tamanhos, de forma automática e rápida.
