Muito do trabalho de desenvolvimento web é realizado usando ferramentas e recursos de terceiros. Os desenvolvedores web sabemos fazer o que precisamos, mas, convenhamos, é bem mais simples, rápido e prático nos valermos de ferramentas de desenvolvimento web já prontas, que facilitam nosso trabalho e aumentam nossa produtividade.

Loaders (ou Ícones de Loading)

Ferramentas e recursos para desenvolvimento web: loaders (ícones loading ajax)

É comum o desenvolvimento de sites utilizando AJAX. Toda vez que for preciso usar um GIF animado, você pode consultar alguns sites para gerar e/ou baixar GIFs de animação para loading.

Compatibilidade e Suporte CSS

Ferramentas e recursos para desenvolvimento web: CSS3 tabela de compatibilidade

As folhas de estilo possuem muitas propriedades e valores para suas regras e, com a imensa gama de browsers e peculiaridades de cada um, é sempre bom ter alguns guias de compatibilidade e suporte CSS à disposição.

.htaccess

Ferramentas e recursos para desenvolvimento web: htaccess gerador ferramentas

Na maioria das vezes é importante e útil configurar algumas coisas no site através do .htaccess. Para algumas operações básicas, não deixe de conferir alguns geradores de .htaccess.

Otimizadores e Formatadores de CSS

Ferramentas e recursos para desenvolvimento web: compressor CSS

Ter um set de folhas de estilo otimizado faz parte da tarefa de qualquer desenvolvedor front-end. Para melhor ainda mais a performance das CSS, é bom fazer uma “limpeza” através de algumas ferramentas úteis (lembrando de ter sempre um backup dos arquivos originais).

robots.txt

Ferramentas e recursos para desenvolvimento web: gerador robots.txt

Saber quais partes do site serão disponibilizadas para indexação nos mecanismos de busca e quais serão bloqueadas é parte fundamental para uma estratégia de SEO funcionar. Para facilitar o trabalho, conferir algumas ferramentas para trabalho com robots.txt pode ser interessante.

Favicons

Ferramentas e recursos para desenvolvimento web: gerador favicon

Para trabalhos de construção de marca, até mesmo detalhes como os favicons são importantes! Se seu site ainda não tem um favicon, não perca tempo e crie agora mesmo!

Sitemaps

Ferramentas e recursos para desenvolvimento web: gerador sitemap xml

Sitemaps são fundamentais para uma indexação eficiente nos mecanismos de busca. Ajude o trabalho deles e eles ajudam o seu, essa é a regra. E, se você tem dúvidas de como criar um sitemap para seu site, essas ferramentas certamente vem em boa hora.

Heatmaps e Gravadores de Tela

Ferramentas e recursos para desenvolvimento web: heatmaps e gravadores de tela

Heatmaps (ou Mapas de Calor) e Gravadores de Tela são excelentes ferramentas para análise de usabilidade. Através de resultados de análises de mapas de calor, é possível aprimorar toda a estrutura de um web site para melhor.