Ferramentas e recursos para desenvolvimento web
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)
É 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
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.
- CSS3 and HTML5 Properties & Applications;
- CSS Compatibility and Internet Explorer;
- CSS contents and browser compatibility - mobile
- Compatibility table: CSS3 Selectors;
- Experimental CSS compatibility table;
- Guide to CSS support in email clients;
- W3C DOM Compatibility - CSS;
- Web Browser CSS Support.
.htaccess
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.
- .htaccess Banning Generator (beta);
- .htaccess Editor;
- .htaccess redirect;
- .htaccess URL Rewrite;
- Htaccess Tools;
- Online .htaccess generator and builder;
- Webmaster Tools - .htaccess Generator.
Otimizadores e Formatadores de 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).
- Clean CSS;
- Code Beautifier;
- Compress CSS;
- CSS Code Formatter and Optimizer;
- CSS Code Optimizer;
- CSS Compressor of Lottery Post;
- CSS Drive CSS Compressor;
- Format CSS Online;
- Robson CSS Compressor.
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.
- Gerador de Robots.txt;
- Pixelfolk Robots.txt Generator;
- Robot Control Code Generation Tool;
- Robots.txt Builder
- SEOTools Robots.txt File Generator;
- Sitemaps XML format;
- Yonego Robots.txt generator;
Favicons
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!
- 256 pixels;
- favicon2dots;
- FavIcon from Pics;
- favicon.ico Generator;
- Favicon Generator;
- Favicon Generator DeGraeve.com;
- FavIcon Generator Dynamic Drive;
- Favicon Generator & Gallery;
- Logaster;
- favicon maker v1;
- favikon;
- Genfavicon;
- Project Fondue Favicon Generator.
Sitemaps
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.
- Create an XML Sitemap;
- Google (XML) Sitemaps Generator for WordPress;
- Online XML Sitemap Generator Free Online;
- Google XML Sitemap Generator;
- SitemapDoc - Google Sitemap Generator and Editor;
- XML Sitemaps Generator
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.