O Google Chrome é um browser fantástico, preferido de muitos web designers e desenvolvedores web, além do utilizador comum que também foi atraído, por ex., pela simplicidade notável deste browser. Com as extensões para o Chrome, este ganhou um enorme potencial e capacidades, dando a possibilidade ao utilizador de tirar partido das suas múltiplas funcionalidades, nomeadamente no que toca ao design, correcção e detecção de erros de script, e desenvolvimento web. Começamos por partilhar, nesta série de 5 Artigos sobre extensões para Google Chrome, as 10 Extensões Google Chrome para Desenvolvedores.

Não perca esta série que irá culminar com As 25 Melhores Extensões Google Chrome de Todos os Tempos!

1 – SEO SITE TOOLS

Uma página bem estruturada e com grande visibilidade leva a grandes resultados nos motores de busca. Se pretende avaliar o seu website em termos de visibilidade perante os motores de busca, experimente a extensão para Chrome SEO Site Tools, que lhe fornece inúmeras funcionalidades para fazer as suas avaliações.

2 – WEBPAGE SCREENSHOT

Esta extensão permite-lhe fazer uma captura de página extendida. Quer isto dizer que a captura não irá ser feita apenas a aquilo que o utilizador está a ver, mas sim à pagina inteira.

3 – CHROME SNIFFER

Chrome Sniffer permite-lhe identificar que tecnologias, scripts, aplicações open source e plataformas está a usar determinado website. Os desenvolvedores web podem ter aqui um grande aliado para poderem estudar as estruturas dos websites. Muito útil para a criatividade online!

4 – EYE DROPPER

Com Eye Dropper conseguirá saber qual é determinada cor que está a ser usada num website. E mais do que isso, fornece-lhe a palete de cores para poder experimentá-las!

5 – PENDULE

Pendule é uma extensão que lhe dá acesso ás ferramentas de desenvolvimento, integradas no Google Chrome. Fornece-lhe variadas funcionalidades como validação W3C, esconder imagens numa página web, ver scripts, entre outros.

6 – RESOLUTION TEST

Com esta extensão pode testar as páginas web em várias resoluções, tendo inclusive a opção de introduzir uma resolução diferente das standard. É muito útil para verificar se a sua página tem bom aspecto em várias resoluções.

7 – FIREBUG LITE

É uma extensão que integra o Firebug Lite no Google Chrome, dando-lhe além da integração, as ferramentas presentes no Firebug (e mais algumas). Os fans de Firebug irão certamente dar muito valor e uso a esta extensão!

8 – WEB DEVELOPER

Web Developer é uma barra de tarefas para integrar no Google Chrome, que foi criada originalmente para o Mozilla Firefox e foi reprogramada para o Google Chrome com uma interface melhorada. Tem inúmeras funcionalidades para examinar e entender os layouts de páginas web, mostrar a informação CSS acerca de certos elementos, controlo de cache do browser, entre outros.

9 – PLAINCLOTHES

Uma das melhores formas de avaliar a acessibilidade de uma página Web, é remover os estilos CSS e verificar se os conteúdos apresentados continuam a poder ser lidos e compreendidos. Plain Clothes simula a remoção dos estilos CSS presentes numa página e permite-lhe fazer a avaliação de acessibilidade.

10 -JQUERY SHELL


Esta extensão permite-lhe correr comandos jQuery e Javascript no ambiente da página actual. É uma extensão fantástica para aprender e fazer experiências com jQuery.

Dê a sua opinião e não perca a continuação da série de 5 artigos sobre Extensões para Google Chrome, com o próximo artigo “10 Extensões Google Chrome para Designers”!

Até já!

Autor: Diogo Espinha

Blog do Autor | Artigos do Autor:

Workaholic e totalmente viciado em computadores, Internet e desporto motorizado. Adora praticar desporto, é um curioso da programação em PHP, CSS e HTML5 e não dispensa a companhia do seu Mac OSX 86 Snow Leopard!

Templates Incríveis para seus Projetos:

  • HostCloud - Premium Joomla Template
  • Estrange Joomla Template
  • Little Khan - Repnsive Drupal Theme
  • DS Portfolio Joomla! Templates - Mobile Ready
  • BT Photography Joomla Template
  • Smiley Premium - Joomla Template
  • Solaris Drupal Theme
  • HotCake for Joomla — Retina Mobile Template
  • Hosting Square - Web Hosting Joomla Template
  • WS-None | Responsive & Clean Joomla Template
  • abana - Premium Business Joomla Template
  • London Creative + (Portfolio & Blog Joomla Theme)

Gostou deste artigo? Então torne-se fã do Blog no Facebook!



Comentários dos Alunos


  1. Jonathan [JCM]
    19 de Outubro de 2010

    O chrome realmente parece está sendo o melhor browser atual para webdesigns, vejo que terei que migrar do Firefox para ele em breve, mas vou esperar primeiro o Firefox 4 para me decidi.
    Uma dica, no trecho: “Muito útil para a criatividade online!”
    Coloque online como ancora também. xD

    Responder


    • Diogo Espinha
      28 de Outubro de 2010

      O Google Chrome está a destacar-se pela crescente comunidade de programadores que criam extensões fantásticas, neste caso, para Desenvolvedores, o que é fantástico!

      Abraço Jonathan!

      Responder


  2. Francisco
    20 de Outubro de 2010

    Eu ainda continuo a usar o firefox, apesar de já ter feito uma semana com o chrome, não fiquei fá…

    Mas tenho colegas aqui no trabalho que são chrome addicted!!

    Responder


    • Diogo Espinha
      28 de Outubro de 2010

      Também depende de pessoa para pessoa, a capacidade de adaptação a um novo browser depois de passar anos a usar por exemplo o Firefox. Pode ser complicado!

      Abraço Francisco!

      Responder


  3. Danilo
    24 de Novembro de 2010

    Desde que experimentei o chrome, nunca mais deixei de usá-lo, as vezes eu uso o FF, ele é muito bom, mas o que eu já acostumei com o chrome é a velocidade, que o FF não tem.

    Responder

Comente o Artigo!

RSS
Twitter
Facebook
Comentários
ASSINANTES
SEGUIDORES
FÃS
COMENTÁRIOS
6198

Subscrever Newsletter
Subscreva a Newsletter:



Assine a Escola Criatividade Assine a Newsletter da Escola Criatividade Escola Criatividade no Twitter Escola Criatividade no Facebook Escola Criatividade no Youtube Escola Criatividade no Google Buzz