📝Aula + Checklist: Criando seu Mini Aplicativo com IA 💻

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

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...
No cenário tecnológico em constante evolução, a busca por eficiência, agilidade e entrega contínua de valor se tornou primordial. É nesse contexto que o DevOps emerge como uma abordagem revolucionária, unindo as equipes de desenvolvimento (Dev) e operações (Ops) em prol de um objetivo comum: o sucesso do produto e a satisfação do cliente. Neste...

Mensagens para você