rdbandeira.com

10 Extensões importantes para designers e desenvolvedores!

Jun 29

rdbandeiradicas e truques, download e freestuff, software design, firefox, software, web developer 2 comentários

Fiz uma listinha de alguns addons para firefox que todo designer/developer deve ter instalado em seu browser. Todas testadas e altamente aprovadas. São ferramentas que não consigo mais viver sem… heheheh
Segue a listinha, separada por área:

Para designers:

Firebug

Firebug disponibiliza ferramentas de desenvolvimento ao seu alcance enquanto você navega. Você pode editar, depurar e monitora o CSS, HTML, JavaScript em qualquer website.
https://addons.mozilla.org/en-US/firefox/addons/versions/1843

Pixel Perfect

Pixel Perfect é integrado ao Firebug (uma outra extensão inegrada ao Firefox) que permite ao webdeveloper e designers a sobrepor, com facilidade, uma imagem do website (layout) sobre a versão HTML para que seja feita uma comparação minuciosa sobre os detalhes e diferenças entre a versão web e a versão original (imagem).
https://addons.mozilla.org/en-US/firefox/addon/7943

Font Find

Basta destacar um único elemento (por exemplo, um parágrafo ou uma palavra), clicar com o botão direito e selecione “Font Finder”, e será informado qual o CSS Styling utilizada do elemento.
https://addons.mozilla.org/en-US/firefox/addon/4415

MeasureIt

Desenhe a uma régua para obter a largura e a altura, em pixels, de quaisquer elementos em uma página web.
https://addons.mozilla.org/en-US/firefox/addon/539

FireShot

FireShot é uma extensão do Firefox que cria screenshots de páginas web (integralmente ou apenas parte visível). Ao contrário das outras extensões, este plugin fornece um conjunto de ferramentas de edição e anotação, o que permite aos usuários capturar página, modificar e inserir textos, gráficos e anotações.
A captura pode ser:

1. Salvos em disco (nos formatos PNG, GIF, JPEG ou BMP);
2. Impressa;
3. Copiado para a área de transferência;
4. Enviado por e-mail.

https://addons.mozilla.org/pt-BR/firefox/addon/5648

Para Developers

IETab

Incorpora o Internet Explorer nas abas do Mozilla / Firefox.
https://addons.mozilla.org/en-US/firefox/addons/versions/1419

Web Developer

Adiciona um menu e uma barra de ferramentas com várias ferramentas importantes e úteis para desenvolvedores web.
https://addons.mozilla.org/en-US/firefox/addon/60

Firebug

Firebug disponibiliza ferramentas de desenvolvimento ao seu alcance enquanto você navega. Você pode editar, depurar e monitorar o CSS, HTML, JavaScript em qualquer website.
https://addons.mozilla.org/en-US/firefox/addons/versions/1843

Pixel Perfect

Pixel Perfect é integrado ao Firebug (uma outra extensão inegrada ao Firefox) que permite ao webdeveloper e designers a sobrepor, com facilidade, uma imagem do website (layout) sobre a versão HTML para que seja feita uma comparação minuciosa sobre os detalhes e diferenças entre a versão web e a versão original (imagem).
https://addons.mozilla.org/en-US/firefox/addon/7943

HTML Validator 0.8.5.2

Valida codigos HTML dentro do Firefox. O número de erros em suas páginas HTML é vista na forma de um ícone na barra de status enquanto navega.
https://addons.mozilla.org/en-US/firefox/addon/249

Validaty

Proporciona um botão para validas páginas usando validator.w3.org
https://addons.mozilla.org/en-US/firefox/addon/2609

FireFTP

É de graça, segura plataforma FTP para seu Firefox que proporciona fácil e intuitivo acesso à Servidores FTP.
https://addons.mozilla.org/en-US/firefox/addons/versions/684