Curso Web Design | Extensões do Google Chrome para desenvolvedores web

---

Extensões do Google Chrome para desenvolvedores web Posted: 06 Feb 2014 07:30 AM PST O Google Chrome é um excelente navegador, recomendadíssimo para as mais diversas tarefas além da simples navegação (além de ser o preferido da grande maioria dos brasileiros de acordo com o StatCounter). Por isso, neste post iremos mostrar como turbinar o navegador do Google com extensões para ajuda-lo em suas tarefas diárias envolvendo a criação e desenvolvimento de sites. Se você usa o Chrome há algum tempo e com alguma frequência, sabe que o Google disponibiliza uma loja de aplicativos e temas com recursos que vão desde skins para trocar a aparência do navegador a joguinhos e ferramentas SEO.  É a Google Chrome Store. Nesse site, você irá encontrar uma categoria chamada Extensões, com excelentes opções para quem trabalha com design e desenvolvimento web dentro da opção de Ferramentas de Desenvolvedor. Ao visitar o site, talvez você fique em dúvida sobre quais são as melhores extensões e quais são aquelas que realmente cumprem o que prometem. A seguir, você encontra algumas boas dicas de extensões totalmente gratuitas testadas pelo Blog: Web Developer – a mais essencial das extensões Uma extensão básica que auxilia – e muito! – quem cria aplicativos para web. Ela adiciona um botão da barra de ferramentas com várias ferramentas para desenvolvedores web e ajuda muito no desenvolvimento de sites. Permite redimensionar a janela de acordo com qualquer resolução, além de vários outros recursos, como: desabilitar o Javascript, Plugins, Pop-ups e estilos CSS, checar campos de Formulários, mostrar ordem das Divs, entre outros recursos.  Somente em inglês, mas é bem fácil de utilizar. Link Page Ruler – obtenha medidas dos elementos de uma página Precisa medir um elemento dentro de uma página? Quer saber o tamanho de um determinado objeto ou de uma imagem? O Page Ruler faz isso facilmente com a opção de desenhar réguas livremente dentro do layout da página e informa a medida em pixels, exibindo a largura (width) e altura (height) dos elementos, além do posicionamento dentro da página. Simples e direto, fácil de usar. Em Português-BR. Link SEO for Chrome – extensão ideal com ferramentas SEO SEO for Chrome oferece estatística e ferramentas para fácil acesso às Ferramentas de Otimização de Buscas, que podem ajudar você com Análise Competitiva, Keyword Research, Backlinks, PageRank e outras tarefas diárias de SEO. Além disso, a extensão apresenta muitas outras funções como: Pesquisa de palavras chave;  Exibição de links nofollow; Contabilização do número de página indexadas; Número de backlinks; Exibição de dados sobre o tráfego e o ranking atual; Versões em cache da página; Informação sobre o domínio; Detecção de robots.txt e sitemap.xml; Estatísticas de Redes Sociais (tweets; curtidas no Facebook, etc) entre vários outros recursos. Quer saber todos? Instale e teste em seu navegador. Você não vai se arrepender. Em inglês somente. Link Speed Tracer – teste o desempenho de seu site Uma extensão Open Source, o Speed Tracer  é uma ferramenta que identifica e ajuda você a reparar problemas em suas aplicações web e resolver problemas de desempenho do seu website.  Usando esta extensão, você poderá depurar suas páginas e analisar problemas causados por execuções de códigos Javascript, problemas de layout, seletores CSS e eventos DOM; XMLHttpRequests e mais… Somente disponível em inglês. Link Domain Availability Checker - Verifique domínios na própria página Você precisa verificar a disponibilidade de um certo domínio? Quer fazê-lo de forma mais rápida? Com o Domain Availability Checker você pode fazer isso sem precisar ir a um determinado website para fazer essa verificação. É prático e rápido, pois você pode fazer essa consulta diretamente no navegador.  Em inglês. Link Color Pick EyeDropper – capture as cores dos elementos O Eye Dropper é uma ferramenta extremamente útil para os web designers em geral, pois mostra o  código hexadecimal  e RGB de qualquer elemento em uma página exibida no navegador de forma rápida e eficiente. Também pode ser aberto em uma janela pop-up separada. É em inglês, mas isso não faz muita diferença nesse caso. Link WhatFont – Qual é a fonte? Essa é outra extensão bem interessante: muitas vezes vemos um tipo de fonte em uma página e nos perguntamos: “Que fonte foi utilizada aqui? Qual o nome dela?”. O WhatFont  fornece todas as informações necessárias sobre as fontes do site apenas passando o mouse sobre o texto. Além disso, exibe outros detalhes relacionados a fonte, como a detecção de cor juntamente com o seu código RGB. Simples e perfeito. Em inglês, mas nesse caso também não há qualquer tipo de problema com isso. Importante: antes de testar pela primeira vez, após instalar a extensão, dê um refresh na página que vai testar. Link Gostou das dicas? Vale lembrar que algumas extensões podem não funcionar 100% em determinados elementos – a web é muito dinâmica, mudanças acontecem a toda hora e provavelmente você terá que atualizar todas elas de tempos em tempos. Ocasionalmente elas podem não funcionar quando você mais precisar delas. Nem tudo é perfeito ou à prova de falhas! Mas garanto que na maior parte das vezes elas irão auxilia-lo muito mais do que atrapalhar. Caso não goste das extensões após testá-las, basta desinstalá-las nas opções de Configurações do Google Chrome. O Blog também não se responsabiliza por qualquer coisa que venha a acontecer com seu navegador ou no seu computador após a instalação dessas extensões. Fizemos um teste e todas funcionaram bem aqui, mas não somos os responsáveis pelas mesmas. Teste-as por sua conta e risco. Outra observação importante é com relação à privacidade. Ao instalá-las, você vai reparar que a maioria delas pedirá para acessar ocasionalmente seus dados de navegação e históricos de sites acessados. Se não consegue conviver com essa idéia, então é melhor pensar duas vezes antes de instalar qualquer uma delas, ok? Você conhece alguma outra extensão que utiliza e recomenda o seu uso? Deixe-nos saber nos comentários abaixo. Em breve voltarei ao assunto, mas desta vez mostrando dicas de aplicativos para dispositivos móveis. Um grande abraço e até o próximo post!

You are subscribed to email updates from Blog do Curso Web Design - Microcamp SP To stop receiving these emails, you may unsubscribe now.	Email delivery powered by Google
Google Inc., 20 West Kinzie, Chicago IL USA 60610