📆 23/07 - 19H | LIVE: Deploy descomplicado de aplicações em VPS 💻

Google Resizer – Teste seu Projeto em Várias Resoluções

Publicado em 29/02/2016

Atualizado em 04/06/2024
resizer

A ferramenta gratuita Resizer foi recém anunciada pelo Google. Ela permite a desenvolvedores de sites e aplicações web testar como seus produtos digitais respondem a diferentes tamanhos de tela.

A nova ferramenta do Google é destinada aos profissionais que criam para a web, sendo bastante simples o seu funcionamento. Basta acessar o site da Resizer e introduzir uma URL para verificar como a página é exibida em diferentes tamanhos de tela, como desktop, tablet e smartphone por exemplo.

Na página de apresentação da ferramenta, pode-se ler o seguinte:

“Como designers e desenvolvedores de produtos digitais, um dos nossos maiores desafios é descobrir como as interfaces gráficas podem servir ao usuário da melhor maneira, no momento certo.[…] Agora, com Resizer, temos uma forma dinâmica para testar essa orientação, estimulando conversas significativas entre designers, desenvolvedores e outras partes interessadas em design responsivo. ” (tradução livre)

Digitando qualquer URL na caixa de endereços do Resizer, ele mostrará o mesmo site nos três tamanhos de dispositivos padrões de uma só vez. É possível também clicar em um formato, deixando a visualização focada em um tamanho só, mas ver todas as telas ao mesmo tempo dá uma ideia da visão geral do projeto, quando acessado por diferentes dispositivos. Resoluções e dimensões de tela precisas são exibidas em uma espécie de régua na parte superior da página, o que dá uma boa noção do que a maioria dos visitantes do site vai ver.

Os pontos de vista dos sites acessados a partir do recurso são totalmente interativos, sendo possível clicar e rolar qualquer tipo de site à vontade. Caso você submeta um site protegido em que está usando logado, as páginas carregadas pela ferramenta irão manter o login ativo. Os desenvolvedores que trabalham em sites protegidos por senha podem considerar esse recurso particularmente útil.

A iniciativa, apesar de muito interessante e de ter suas particularidades, não é tão inovadora. Existem outras ótimas ferramentas gratuitas que listamos aqui para testar a experiência de quem acessa seu site usando diferentes dispositivos. Conheça e escolha a ferramenta que melhor atende às necessidades do seu projeto!

O que você achou deste conteúdo?

O que você achou deste conteúdo?

Leonéia
Leonéia Evangelista
é bacharel em Comunicação Digital pela Unisinos e mestre em Bibliotecas Digitais pelo programa Digital Library Learning (Erasmus Mundus). Trabalha com web há mais de 8 anos e atualmente cursa MBA em Marketing Estratégico.
Leonéia
Leonéia Evangelista
é bacharel em Comunicação Digital pela Unisinos e mestre em Bibliotecas Digitais pelo programa Digital Library Learning (Erasmus Mundus). Trabalha com web há mais de 8 anos e atualmente cursa MBA em Marketing Estratégico.

Compartilhe esse conteúdo com alguém que possa gostar também

Receba todo mês conteúdos
incríveis como esses para
seguir evoluindo

Conteúdos relacionados

No cenário digital, um site bem desenvolvido é mais do que apenas uma vitrine online, é a espinha dorsal da presença digital de qualquer negócio.  Por isso, para pessoas desenvolvedoras ou profissionais de tecnologia, dominar a arte de como desenvolver sites é essencial para construir experiências online excepcionais. Este guia completo da KingHost oferece um...
O Git se estabeleceu como uma ferramenta indispensável para pessoas desenvolvedoras que desejam gerenciar e versionar seus códigos com agilidade e segurança.  Desde o seu surgimento, ele transformou a forma como trabalhamos de maneira colaborativa em projetos de software – seja em pequenos times ou em grandes empresas.  Neste artigo, vamos explorar os principais comandos...
JavaScript é uma das linguagens de programação mais populares do mundo, amplamente utilizada para o desenvolvimento de aplicações web dinâmicas. Assim, para facilitar o trabalho nesta área, diversas bibliotecas JavaScript foram criadas.  Neste artigo, vamos explorar o que são bibliotecas JavaScript, como utilizá-las e quais são as principais opções disponíveis no mercado. Você vai ter...

Mensagens para você