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.

• AJAX Activity Indicators
• Ajax Loading Gif Generator
• Ajaxload
• Chimply
• Load Info
• Preloaders.net

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
• CSS Filters (CSS hacks);
• CSS print media browser conformance;
• 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;
• Online CSS Optimiser / Optimizer;
• 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.

• Evil Demo Robots.txt Generator;
• Gerador de Robots.txt;
• Pixelfolk  Robots.txt Generator;
• Robot Control Code Generation Tool;
• Robots.txt Builder
• Robots.txt Generator Tool;
• SEOTools Robots.txt File Generator;
• SEO-watch. Robots.txt 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;
• 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.

• clickdensity
• ClickHeat
• ClickTale
• Crazy Egg
• Mouseflow

Plugins Firefox

Usando alguns plugins excelentes para Firefox, o desenvolvimento web se torna ainda mais prazeroso e divertido! Confira os principais e essenciais plugins para auxiliar no desenvolvimento para web.

• ColorZilla
• CSS Reloader
• Firebug
• FireShot
• FireFTP
• NoScript
• Page Speed
• SEO for Firefox
• Web Developer
• YSlow