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!

  • Explorer - Factory Construction & Ship Building Joomla Theme
  • Justice - Attorney and Law Firm Joomla Template
  • OwnFolio - One Page Personal Portfolio / vCard / Resume / Showcase Joomla Template
  • Big Business - Responsive Template
  • Merab - Creative Multipurpose Drupal 8 Theme
  • Fitness Academy Joomla Template
  • Fruition - Business Joomla Template
  • Educate | Education & Courses, Kindergartens Joomla Template
  • Constructive - Contractors Multipurpose Joomla Landing Page Theme
  • Vina Bubox - VirtueMart Joomla Template for Online Stores
  • BizOne - One Page Parallax Drupal Theme
  • LawHouse - Responsive Lawyers Attorneys Joomla Template

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



    • 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!



  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!!



    • 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!



  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.



  4. Daniel
    5 de junho de 2013

    Alguém sabe de algum plugin que vê onde está a posição do mouse, porque quero utilizar para colocar o texto na posição correta e não ficar o tempo todo chutando, na verdade estou usando um programa que transforma html em pdf esse programa é escrito em php, e nele tem a opção para escrever o texto só que a posição x e y não tem como colocar assim logo de cara, então fico perdendo um tempo enorme com as posições.
    Obrigado.


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

Subscrever Newsletter
Subscreva a Newsletter:



Aplicativos Android, iPhone e Muito Mais!




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