Pular para conteúdo 
Зеленый кофе

O autor

Carlos Eduardo de Souza, Front-End Developer & Interface Designer na Coopers Digital Production, dedica seu tempo para o desenvolvimento de uma Web mais acessível. Possui certificado W3C em Mobile (sites e web apps) e HTML5.

Portfolio e blog sobre Web Standards – project.47, de Carlos Eduardo de Souza

Blog

Topo 04/10/07

Extensőes Firefox para Web Designers

Quem utiliza [tag]Firefox[/tag] sabe que um de seus maiores benefícios está no fato de possuir milhares de extensőes disponíveis para download.

Existem extensőes ([tag]plugins[/tag]) para todos os tipos, destinadas ŕ diversos públicos e, como diz o título deste post, estarei relacionando algumas que podem auxiliar nosso processo de desenvolvimento dos sites:

  • [tag]Web Developer[/tag] – Quem trabalha com desenvolvimento Web não pode deixá-la de lado pois oferece inúmeras ferramentas como funçőes para desabilitar JavaScript, Cookies, imagens, edição de CSS e HTML em tempo real, régua para mediçőes, ajuste de tamanho da janela para testes de resolução, entre inúmeras outras funçőes.
  • ColorZilla – Oferece funcionalidade semelhante ŕ color picker do Photoshop, possibilitando a coleta de cores no site, além de seletor de cores seguras para Web e opção de Zoom.
  • del.icio.us Bookmarks – Apesar de não representar funçőes direcionadas especificamente a [tag]Web Designers[/tag], esta extensão facilita na integração com o sistema, simplificando a inclusão de novos sites em seus bookmarks, podendo ser mais eficiente na coleta de novas informaçőes para seus sites.
  • Dust-Me Selectors – Ferramenta que mostra quais seletores CSS não estão sendo utilizados no site aberto no momento.
  • Firebug – O que seria de nós sem esta extensão? Para quem necessita constantemente verificar os sites desenvolvidos buscando por bugs, esta ferramenta mostra exatamente qual estilo determinado elemento está herdando e oferece possibilidade de edição de HTML e CSS em tempo real. Além disso, possui verificador de erros em JavaScript, além de mostrar o tempo necessário para carregar cada elemento do site. Imprescidível.
  • FireFTP – Extensão que insere um cliente FTP direto no browser. Possui as funçőes básicas de um programa da área.
  • View Source Chart – Possibilita que o código do site seja visto de maneira mais organizada, em forma de caixas coloridas, facilitando a diferenciação de determinadas regiőes do código.
  • SEO for Firefox – Voltada ŕqueles que desejam melhorar o rendimento de seus sites nos sistemas de busca. Basicamente, esta extensão mostra o desempenho de determinado site nos diversos buscadores, a fim de facilitar sua pesquisa e acompanhamento desses dados.
  • Screengrab! – Captura imagens do site de forma fácil e rápida. Vocę não precisará mais utilizar o velho print screen para salvar imagens do site desejado.
  • Operator – Para aqueles que utilizam Microformats em seus sites, esta extensão é indispensável. Ao visitar um site que utilize este formato, são exibidas opçőes para guardar os contatos (via hCard, por exemplo), datas relevantes (hCalendar), locais, tags, etc. Claro, também voltada ao usuário comum para que possa usufruir os benefícios dos Microformats.
  • IE Tab – Caso vocę precise testar seu site no Internet Explorer, não precisa mais abrí-lo pois esta extensão o fará diretamente dentro do Firefox.
  • HTML Validator – Mais uma extensão que com certeza deve ser utilizada pois exibe, automaticamente, erros em seu código HTML e mostra exatamente onde se encontram e a razão para estarem ocorrendo.
  • LinkChecker – Checa rapidamente a validade dos links de determinado site.
  • Font Finder – Exibe os estilos herdados pelo texto selecionado.
  • OperaView – Abre o site no Opera através do menu contextual do Firefox, facilitando a vida daqueles que necessitam testar seu site neste navegador.
  • ScribeFire – Oferece opçőes para postagem direta em blogs, bloco de notas, além de função “drag and drop” para copiar texto formatado de determinado site para seu blog.

Caso vocę conheça mais extensőes relevantes para o pessoal da área, deixe seu comentário :)

Assuntos: Firefox
Trackback Feed deste artigo

9 comentários para "Extensőes Firefox para Web Designers"

  1. Carlos via Rec6 | 5/10/07 - 10:54 am

    Extensőes Firefox para Web Designers…

    Plugins para Firefox úteis ao pessoal que trabalha com Web Design….

    Topo
  2. Richard Barros | 5/10/07 - 11:08 am

    Ah.. eu gosto da Lorem2Clipboard (https://addons.mozilla.org/en-US/firefox/addon/4191), o famoso texto Lorem Ipsum a 1 clique.

    Topo
  3. Lincoln Alves | 5/10/07 - 11:36 am

    Meu preferido é o FireBug … assim posso ver que o firefox ignora algumas classes…e o mais triste, vejo que o IE ainda continua herdando algumas. hehehe. Eu uso essas, não tenho nenhum dica =(

    Topo
  4. Alexandre Cavedon | 5/10/07 - 3:57 pm

    ——-
    IE Tab is not available for Linux.
    ——-

    Seria uma ajuda de grande valia, mas só roda sob windows… :(

    Topo
  5. Micael | 5/10/07 - 4:43 pm

    MeasurIT, uma reguinha prática

    Topo
  6. Carlos Eduardo de Souza | 5/10/07 - 5:41 pm

    Eu também utilizava a MeasureIT mas, desde que descobri essa funcionalidade na Web Developer, não a utilizei mais :)

    Topo
  7. Muniz | 5/10/07 - 7:14 pm

    Ótimas dicas de extensão Carlos!
    Conhece a Tails Export para microformats?

    Topo
  8. Andre L. Soares | 7/10/07 - 10:04 pm

    Excelente essa relação de extensőes Firefox. A que eu mais faço uso é, certamente o ‘LinkChecker’. Sensacional, essa ferramenta permite mesmo corrigir erros mínimos no HTML. Não vivo mais sem isso. :-)

    Topo
  9. Linke Caesar - webdesign e webstandards » Blog Archive » Ferramentas e links para webdesigners | 8/10/08 - 4:50 pm

    […] Sugestão do Carlos: Extensőes para web designers […]

    Topo
Comente este artigo
  1. (obrigatório)
  2. (obrigatório)

Links Randômicos
Meta
Apoio
Créditos
Creative Commons