Planejamento de Marketing 2025: Combo de Estratégias para escalar sua presença digital 🚀

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 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...
A inteligência artificial (IA) não é mais uma promessa distante, mas sim uma realidade que está remodelando o cenário do desenvolvimento de aplicativos. A demanda por apps que não apenas funcionam, mas que também aprendem, se adaptam e antecipam as necessidades dos usuários está em alta.  Integrar a IA em seus aplicativos oferece uma gama...
O Google Workspace se tornou uma ferramenta onipresente no mundo dos negócios, mas, além do Gmail e Google Docs, o que realmente o define?  Neste artigo, vamos mergulhar fundo no Google Workspace, explorando seus componentes, funcionalidades e como ele pode ser aproveitado para otimizar o fluxo de trabalho, a colaboração e a produtividade de equipes...
Um editor de código é uma ferramenta de software utilizada para escrever e editar código-fonte de programas. Ele oferece recursos que facilitam a programação, como destaque de sintaxe, autocompletar, verificação de erros, e integração com sistemas de controle de versão.  Os editores podem variar em complexidade, desde opções simples e leves até ambientes de desenvolvimento...

Mensagens para você