Fabrício Nihues

Desenvolvimento de sites é sempre complicado, principalmente quando se está modificando o código, testando novas idéias, otimizando ou só arrumando bugs, sempre aparece algum probleminha aqui e alí, e lá vão os webmasters tentar arrumar. Vou postar aqui algumas ferramentas que na minha opinião são indispensáveis para qualquer trabalho envolvendo webdesign e desenvolvimento de sites e para qualquer webmaster:

ColourLovers

Site muito interessante na hora que está defindo cores, texturas, tem um banco de dados imenso de paletas de cores, onde os próprios visitantes adicionam novas paletas. Escolha uma cor e ele lhe dará varias combinações de cores. Muito útil!

HTML Entity Lookup

Quem sabe fazer o © ou ®? Ou então § ou φ? Dificilmente alguém se lembra desses caracteres especiais, existem muitos outros, e esta página foi feita pra isso, coloca uma letra, C por exemplo, ele dará todos os caracteres parecidos com C.

Icon Finder

Está procurando por ícones? Seus problemas acabaram! O Icon Finder tem um banco de dados só de ícones, procure por palavras chaves que você certamente encontrará algum ícone.

Typetester

Está criando a tipografia do site? Teste online antes de fazer todo o trabalho nos arquivos css! Neste site você poderá colocar os parágrafos e mudar praticamente tudo em relação à tipografia, espaçamentos, tamanho, fontes, cores, entre outros. E de quebra, consegue comparar ao mesmo tempo três versões em uma mesma página!

Firebug

Este, na minha opinião, que uso Mozilla Firefox, é o melhor complemento para webdesign que existe, você pode ver toda a estrutura do site, os estilos utilizados em cada bloco, e pode ainda modificar tudo que vai aparecer em tempo real na página. Indispensável.

YSlow!

Outro complemento dentro do Firebug, também indispensável, principalmente para otimização do site, uso muito ele para diminuir o peso das páginas. Ele detalha cada arquivo do seu site, e o tamanho dele, além de ter outras funções.

Smush.it

Esta página também é muito útil, principalmente para otimização de imagens. Dentro da aba Tools do YSlow! tem um link que pega todas as imagens de uma página e envia pro Smush.it automaticamente, salva um tempo precioso!

Page Analyzer

O Page analyzer é um site com um propósito simples, verificar todos os arquivos que são abertos dentro de uma página, este site dá tudo mastigado, cada arquivo, o tempo de carregamento e seu tamanho, além de outras informações do servidor. Você verá ainda o resultado final, com o tamanho, tempo total e número de requisições feita pela página. Por ser um site bem objetivo e rápido, é um bom site para testes mais simples ou tirar dúvidas rapidamente.

Loadimpact

O Loadimpact é um dos poucos sites para teste de carga de servidores de hospedagem. O teste de carga é feito com um algoritmo próprio, que tenta representar o uso de uma pessoa em uma página. Isto o diferencia de outros programas gratuitos como o ab, do Apache, que não possui tal recurso. Assim, o teste é mais real, a versão gratuita chega até a 50 usuário ao mesmo tempo, mas a versão paga pode chegar a 5000 usuários. Muito útil se você tem seu próprio servidor, ou se quer testar o serviço de hospedagem.

Webpagetest

Webpagetest.com é um dos mais sensacionais sites para testes de páginas gratuitos que existe, com ele você pode fazer um teste de tamanho da página, tempo de carregamento e uso do processamento enquanto vai abrindo a página. Além disso, o webpagetest tem um sistema que te mostra todos os arquivos carregados da página, detalhando cada arquivo, como o tempo de download, tamanho, e ainda te mostra um gráfico em cascata com todos estes arquivos em ordem de download para abrir a página.

Fora isso, o Webpagetest.com tem um sistema que não vi em nenhum outro site deste tipo, você pode fazer o teste frio, ou seja, quando é a primeira vez que visita a página, e logo em seguida o webpagetes.com faz um teste com o site em cache, e te mostra quais arquivos foram baixados novamente. Muito útil também.

Além de tudo isso, ele te dá dicas e problemas encontrados durante os testes, como tamanho das imagens, tamanho e quantidade de Javascript e Css, se estão compactados, entre outros, ao final, dá uma nota para sua página.

O Webpagetest na minha opinião é o site gratuito mais completo da internet no quesito teste de páginas para otimização do código da página.

Mas há muitos mais!

É isso pessoal, estes são meus top 10 no momento, mas há muitos mais por aí, farei um artigo semelhante com minhas 10 ferramentas indispensáveis para otimização para sites de buscas (SEO) em breve!