{"id":9570,"date":"2016-02-29T09:30:45","date_gmt":"2016-02-29T12:30:45","guid":{"rendered":"https:\/\/king.host\/blog\/?p=9570"},"modified":"2024-06-04T07:41:19","modified_gmt":"2024-06-04T10:41:19","slug":"novidade-google-resizer-teste-seu-projeto-em-varias-resolucoes","status":"publish","type":"post","link":"https:\/\/king.host\/blog\/tecnologia\/novidade-google-resizer-teste-seu-projeto-em-varias-resolucoes\/","title":{"rendered":"Google Resizer &#8211; Teste seu Projeto em V\u00e1rias Resolu\u00e7\u00f5es"},"content":{"rendered":"<p>A ferramenta gratuita <strong>Resizer<\/strong> foi rec\u00e9m anunciada pelo Google. Ela permite a desenvolvedores de sites e aplica\u00e7\u00f5es web testar como seus produtos digitais respondem a diferentes tamanhos de tela.<\/p>\n<p>A <a href=\"http:\/\/design.google.com\/resizer\/\" target=\"_blank\" rel=\"noopener\">nova ferramenta do Google<\/a> \u00e9 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\u00e1gina \u00e9 exibida em diferentes tamanhos de tela, como desktop, tablet e smartphone por exemplo.<\/p>\n<p>Na p\u00e1gina de <a href=\"https:\/\/design.google.com\/articles\/introducing-resizer\/\" target=\"_blank\" rel=\"noopener\">apresenta\u00e7\u00e3o da ferramenta<\/a>, pode-se ler o seguinte:<\/p>\n<p>&#8220;Como designers e desenvolvedores de produtos digitais, um dos nossos maiores desafios \u00e9 descobrir como as interfaces gr\u00e1ficas podem servir ao usu\u00e1rio da melhor maneira, no momento certo.[&#8230;] Agora, com Resizer, temos uma forma din\u00e2mica para testar essa orienta\u00e7\u00e3o, estimulando conversas significativas entre designers, desenvolvedores e outras partes interessadas em&nbsp;design&nbsp;responsivo. &#8221; (tradu\u00e7\u00e3o livre)<\/p>\n<p>Digitando qualquer&nbsp;URL na caixa de endere\u00e7os do Resizer, ele mostrar\u00e1 o mesmo site nos tr\u00eas tamanhos de dispositivos padr\u00f5es de uma s\u00f3 vez. \u00c9 poss\u00edvel tamb\u00e9m clicar em um formato, deixando a visualiza\u00e7\u00e3o focada em um tamanho s\u00f3, mas ver todas as telas ao mesmo tempo d\u00e1 uma ideia da vis\u00e3o geral do projeto, quando acessado por diferentes dispositivos. Resolu\u00e7\u00f5es e dimens\u00f5es de tela precisas s\u00e3o exibidas em uma esp\u00e9cie de r\u00e9gua na parte superior da p\u00e1gina, o que d\u00e1 uma boa no\u00e7\u00e3o do que a maioria dos visitantes do site vai ver.<\/p>\n<p>Os pontos de vista dos sites acessados a partir do recurso s\u00e3o totalmente interativos, sendo poss\u00edvel clicar e rolar qualquer <a href=\"https:\/\/king.host\/blog\/2020\/03\/tipos-de-site\/\">tipo de site<\/a> \u00e0 vontade. Caso voc\u00ea submeta um site protegido em que est\u00e1 usando logado, as p\u00e1ginas carregadas pela ferramenta ir\u00e3o manter o login ativo. Os desenvolvedores que trabalham em sites protegidos por senha podem considerar esse recurso particularmente \u00fatil.<\/p>\n<p>A iniciativa, apesar de muito interessante e de ter suas particularidades, n\u00e3o \u00e9 t\u00e3o inovadora. Existem outras \u00f3timas ferramentas gratuitas que listamos aqui para<a href=\"https:\/\/king.host\/blog\/2015\/07\/6-ferramentas-gratuitas-para-testar-a-versao-mobile-do-seu-site\/\" target=\"_blank\" rel=\"noopener\"> testar a experi\u00eancia de quem acessa seu site<\/a> usando diferentes dispositivos. Conhe\u00e7a e escolha a ferramenta que melhor atende \u00e0s necessidades do seu projeto!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A ferramenta gratuita Resizer foi rec\u00e9m anunciada pelo Google. Ela permite a desenvolvedores de sites e aplica\u00e7\u00f5es web testar como seus produtos digitais respondem a diferentes tamanhos de tela. A nova ferramenta do Google \u00e9 destinada aos profissionais que criam para a web, sendo bastante simples o seu funcionamento. Basta acessar o site da Resizer [&hellip;]<\/p>\n","protected":false},"author":253,"featured_media":9578,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1179,8],"tags":[1347],"class_list":["post-9570","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-desenvolvimento","category-tecnologia","tag-google"],"_links":{"self":[{"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/posts\/9570","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/users\/253"}],"replies":[{"embeddable":true,"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/comments?post=9570"}],"version-history":[{"count":2,"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/posts\/9570\/revisions"}],"predecessor-version":[{"id":31335,"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/posts\/9570\/revisions\/31335"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/media\/9578"}],"wp:attachment":[{"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/media?parent=9570"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/categories?post=9570"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/tags?post=9570"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}