A fim de melhorar a experiência de desenvolvedores web, Google Chrome lança extensões focadas nesse tipo de atividade. Web Developer, Whatfont e Collorzilla são algumas das novidades que trazem recursos bastante úteis.
<p>Quando você precisa acessar um <a href="https://rockcontent.com/br/blog/site/" target="_blank">website</a>, qual browser você utiliza? Para a maioria dos usuários de internet, a resposta é o Google Chrome. <a href="https://www.w3counter.com/globalstats.php?year=2020&month=9">De acordo com as estatísticas mais recentes do W3Counter</a>, o navegador é o preferido de cerca de 62,6% das pessoas. Tanto sucesso não é por acaso.</p> <p>Com diversas funcionalidades, o Chrome é sucesso entre o público geral, que acessa experiências eficientes e personalizadas. Entre os desenvolvedores, o navegador também agrega um público fiel de consumidores, especialmente por conta dos recursos de <a href="https://rockcontent.com/br/blog/desenvolvimento-de-sites/" target="_blank">desenvolvimento web</a> oferecidos.</p> <p>As muitas extensões lançadas pelo navegador servem diversas funções, que possibilitam a otimização de detalhes importantes de um site. Conheça cada uma delas!</p> <h2>Web Developer</h2> <p>A extensão <a href="https://chrome.google.com/webstore/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm">Web Developer</a> traz consigo uma barra de ferramentas que adiciona ao Google Chrome diversas funcionalidades ligadas ao desenvolvimento web. É possível, de forma rápida e simples:</p> <ul> <li>ativar ou desativar scripts;</li> <li>editar funções de controle cookies;</li> <li>criar formulários;</li> <li>otimizar imagens;</li> <li>etc.</li> </ul> <h2>Whatfont</h2> <p>Por mais que pareçam apenas detalhes, as fontes utilizadas nos conteúdos postados na internet têm grande importância. Certas fontes, por exemplo, podem gerar um sentimento de maior credibilidade na audiência, ou mesmo tornar o texto mais atraente. O problema, é claro, é que encontrar a melhor fonte não é fácil.</p> <p>É para isso que surge a extensão <a href="https://chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm?hl=en">Whatfont</a>. Com ela, o desenvolvedor pode descobrir as fontes utilizadas em qualquer website. Dessa forma, é possível realizar uma análise estratégica da concorrência e ganhar alguns insights para a otimização da estratégia.</p> <p><a href="https://stage.rockcontent.com/br/estimativa-de-receita/?utm_medium=rock-convert" target="_blank"><img alt="" src="https://rockcontent.com/br/wp-content/uploads/sites/2/2021/02/banner-rock-stage.jpg" style="height:90px; width:728px" /></a></p> <h2>Collorzilla</h2> <p>O <a href="https://www.colorzilla.com/chrome/">Collorzilla</a> é uma extensão voltada aos desenvolvedores que trabalham com conteúdo gráfico, editando imagens, logos etc. Sua função é facilitar o processo de colorização. Como? Sabe quando você usa uma ferramenta de design online, como o Canva, e não sabe o código da cor específica que você quer usar em um projeto.</p> <p>Pois bem, em vez de gastar tempo procurando na palheta de cores, com o Collorzilla, você vai simplesmente clicar no ícone da extensão e selecionar a cor que está buscando. Então, basta copiar o código e aplicar no seu design.</p> <h2>Wappalyzer</h2> <p>O <a href="https://chrome.google.com/webstore/detail/wappalyzer/gppongmhjkpfnbhagpmjfkannfbllamg?hl=en">Wappalyzer</a> é outra extensão que gira em torno da análise dos elementos de outros websites. Todos os sites são compostos por uma gama de elementos que, juntos, possibilitam sua performance. O <a href="https://rockcontent.com/blog/wordpress/" target="_blank">WordPress</a>, por exemplo, é a <a href="https://rockcontent.com/blog/como-escolher-um-cms/" target="_blank">CMS</a> mais utilizada do mundo e ainda oferece uma extensa variedade de plugins e widgets.</p> <p>Um site funcional e bem-sucedido, vai, geralmente, contar com os melhores desses elementos. O Wappalyzer permite que você descubra exatamente quais frameworks de programação compõem o website. Ou seja, você será capaz de descobrir quais <a href="https://rockcontent.com/br/blog/melhor-plugin-para-seo-wordpress/" target="_blank">plugins</a>, ferramentas e sistemas estão por trás de cada página.</p> <h2>Windows Resizer</h2> <p>O <a href="https://chrome.google.com/webstore/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh?hl=en">Windows Resizer</a> é uma alternativa interessante para que desenvolvedores testem a compatibilidade do site com diferentes tamanhos de tela. Afinal, qualquer site que queira se destacar precisa ser responsivo tanto em desktops quanto em <a href="https://rockcontent.com/br/blog/wordpress-app/" target="_blank">dispositivos mobile</a>.</p> <p>A extensão oferece um conjunto de opções pré-definidas, com os tamanhos de tela mais populares. Contudo, é claro, você pode realizar edições para adequar o Windows Resizer às suas necessidades.</p> <p>O uso das melhores extensões de desenvolvimento do Chrome é, sem dúvidas, uma forma excelente de manter sua estratégia no topo. Para garantir a estabilidade de um site bem desenvolvido, é importante se fazer valer de um bom serviço de hospedagem de WordPress. Portanto, <a href="https://auth.rockstage.io/login?state=g6Fo2SBWOVd1a2xxREVkWGhBeEdHcGdmV2ViYU5DR1pPSXhBUKN0aWTZIEFCdVdGT0dibmRMeU1zN3dfOXBqX2dXM0ZCTUtrdkt6o2NpZNkgbFNNenhEbU9oZ2tnUjVURXJndFFlMlB5ZnVUdTBFMkU&client=lSMzxDmOhgkgR5TErgtQe2PyfuTu0E2E&protocol=oauth2&audience=https%3A%2F%2Frockstage.auth0.com%2Fuserinfo&language=pt&signup_requested=true&response_type=code&redirect_uri=https%3A%2F%2Frockstage.io%2Fapi%2Fcallback&scope=openid%20profile&__hstc=64741936.86762b86523d89964b957448a6d10fc0.1613978195786.1615197818939.1615273951732.13&__hssc=64741936.26.1615273951732&__hsfp=4143955116" target="_blank">conheça o Stage, a solução para WordPress desenvolvida pela Rock Content!</a></p>
