Workshop: 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

Saber como instalar o OpenClaw vai além dos requisitos técnicos. Antes de iniciar a configuração, é importante entender os objetivos da operação, os casos de uso e como a ferramenta pode contribuir para acelerar a implementação de agentes de IA. O OpenClaw centraliza a criação e operação de agentes de IA em um único ambiente....
Entenda como criar um agente de IA, definir arquitetura, escolher tecnologia adequada e preparar infraestrutura para execução em produção, considerando integrações, observabilidade, custos operacionais e escalabilidade. Criar um agente de IA vai além de escolher um modelo de linguagem ou escrever prompts. Em produção, fatores como integração com sistemas, gerenciamento de contexto, observabilidade, custos computacionais...
Mais do que entender o que é GEO, as marcas precisam desenvolver maturidade operacional para atuar nesse novo cenário: produção orientada à intenção, consistência temática e conteúdos estruturados para interpretação por modelos de IA, sem comprometer a experiência humana. A forma como os usuários acessam informação está passando por uma mudança estrutural. Interfaces baseadas em...
A crescente adoção de inteligência artificial e automação no mundo corporativo tem impulsionado o surgimento de novas ferramentas voltadas à coleta, análise e ativação de dados, exatamente o motivo para você saber o que é OpenClaw. Entre essas inovações, o OpenClaw chama atenção por ir além do modelo tradicional dos chatbots e se aproximar do...

Mensagens para você