Site Responsivo

Como descobrir se meu site é responsivo?

Fala galera, estão curtindo nossa magnífica copa do mundo? Eu, particularmente, estou! Mas enfim, vamos ao que interessa. Estou aqui pra responder uma pergunta que sempre me fazem: Como descobrir (ou testar) se meu site é responsivo? (acesse este link e saiba o que é site responsivo caso este assunto seja novo para você. Depois torne a ler este post).

Quando iniciei meus estudos sobre o desenvolvimento de sites que se adaptam a todas as resoluções (tamanho) de telas, e isto vai de smartphones a computadores pessoais, me deparei justamente com a necessidade de testar meus trabalhos no maior número de dispositivos possíveis. Fiz algumas pesquisar no Google, conversei com alguns colegas desenvolvedores, enfim, descobri que existem alguns sites que nos ajudam nesta tarefa!

Tratam-se de simuladores, onde você pode digitar o endereço do seu site (ou outro qualquer) e verificar o comportamento do layout em diversos tamanhos de tela. Para acessar um simulador, clique aqui.

Percebam, neste exemplo do link, como o site da Nashua Comunicação vai se adaptando conforme escolhemos as resoluções de telas disponíveis:

800 x 1280 – Normalmente usada em tabletes e monitores antigos
1280 x 800  - Normalmente usada em notebooks
600 x 1024 – Normalmente usada em tablets e smartphones
1024 x 600  - Normalmente usada em notebooks, tablets e monitores antigos
768 x 960 – Normalmente usada em smartpones
960 x 768 – Normalmente usada em tablets
480  x 800 – Normalmente usada em smartphones
800  x 480 – Normalmente usada em tablets pequenos e smartphones
320 x 480 – Normalmente usada em samartphones
480 x 320 – Normalmente usada em smartphones

O número à esquerda representa a largura da tela do dispositivo, enquanto que o da direita a altura. Exemplo: 800 x 480, significa que o dispositivo possui uma largura de 800 pixels e uma altura de 480 pixels.

site responsivo

E aí, testou seu site? Caso ele não tenha apresentado um bom “comportamento” quando visualizado em resoluções de telas menores (48ox800, que representa um smartphone, por exemplo), segue o link do nosso site caso você queira conversar sobre o assunto de criação de sites responsivos.

jr
Júnior Silva é formado em Sistemas para a Internet pela Unicesumar e trabalha como Desenvolvedor Front End, Analista SEO e Designer Gráfico.








Deixe uma resposta

O seu endereço de email não será publicado Campos obrigatórios são marcados *

Você pode usar estas tags e atributos de HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>