Como designer, muitas vezes é necessário ter ferramentas para medir tamanho, ver o código de forma simples e rápida, manipular javascript, substituir imagens com somente um click… Tem que ser tudo muito rápido e prático. Procurando na net, achei neste site (http://montagemphotoshop.blogspot.com/2009/05/10-extensoes-essenciais-para.html) uma lista de 10 extensões essenciais para desenvovimento web.

1. ColorZillaCom ColorZilla você pode capturar qualquer cor no browser, tanto faz se é do CSS ou de uma imagem, de forma fácil e rápida.download
2. CSSViewerUm visualizador de propriedades do CSS. Basta você ativá-lo e apontar para qualquer lugar da página e ele mostra todos os detalhes do CSS do objeto apontado. Muito prático e simples de usar.download
3. DOM InspectorVeja o DOM do HTML, XUL e páginas XML, incluindo o chrome. Mas pode ser facilmente substituido pelo Firebug.download
4. FirebugFireBug deixa você explorar o DOM pelo teclado ou mouse. Há ferramentas para JavaScript (incluindo debug), CSS, HTML e Ajax, é uma verdadeira ferramenta de desenvolvimento web. Não viva, não respire, não faça nada sem ele!download
5. HTML ValidatorHTML Validator faz a validação real-time da página, mostrando o número de erros do HTML na forma de um ícone na barra de status.download
6. IE TabVeja como fica o site no Internet Explorer sem precisar sair do Firefox, com apenas um clique. E-S-S-E-N-C-I-A-L!download
7. Image ZoomAumente ou diminua o zoom, ajuste a imagem ao tamanho da tela, tanto para uma imagem quanto para todas as imagens. Bom para testar o tamanho ideal de imagens na página.download
8. MeasureIt!Tenha uma régua no seu firefox e obtenha o tamanho exato de qualquer elemento na tela. Muito útil para design, alinhamento de Divs, etc.download
9. My Image HereMy Image Here permite você substituir uma imagem que está disposta na página por outra salva no seu computador, sem precisar ter que mexer no código. Você imaginava que existia algo assim?download
10. View Source ChartVocê pode ver hierarquicamente como está disposto o código de sua página, separada por cores, e mostra o código alterado após haver uma manipulação pelo javascript.download

Valews
Israel