Resolvi fazer uma lista bem completa de recursos. Espero que me ajudem a aumentá-la. =D
Índice
- Acessibilidade
- Bancos de imagens e ícones
- Busca de códigos
- CSS e Tableless
- Editores e Ambientes de Desenvolvimento
- Editores de imagem online
- Editores de vídeo online
- Frameworks
- Hospedagem de sites grátis sem propaganda
- HTML
- JavaScript
- Mashups
- MySQL
- SEO
- Sites com bons textos sobre WebDev
- Textos Legais
- Tipografia
- Utilitários
Acessibilidade
Bancos de Imagens e ícones
- Flickr é muito bom para achar imagens de qualidade;
- FotoSearch tem mais de 2 milhões de fotos;
- Sxc.hu é um dos mais famosos bancos de imagem do mundo;
- IconFinder te ajuda a achar os melhores ícones.
Busca de códigos
- Google Code Search busca em vários sites e é possível usar Expressões Regulares;
- Krugle retorna os resultados via Ajax.
CSS e Tableless
- Tableless é repleto de tutoriais e dicas de CSS e criação de sites sen tabelas;
- Maujor possui artigos sobre Tableless, CSS, Acessibilidade e Web Standards;
- CSS Sprites permite juntar várias imagens em uma só. Assim o site abrirá mais rápido porque fará menos requisições ao servidor;
- Ver mais sites sobre CSS e Tableless.
Editores e Ambientes de Desenvolvimento
- WorkSpace é um ambiente de desenvolvimento online. Acessa seu site via FTP e colore a sintaxe dos códigos;
- Amy Editor é um editor online colaborativo para desenvolvedores. O Log4Dev recomendou;
- Notepad++ possui muitas coisas legais e é bem simples;
- Netbeans facilita a vida dos desenvolvedores.
Editores de imagem online
- Picnik é um dos melhores. Possui integração com o Flickr;
- SnipShot permite edição básica de imagens e efeitos especiais na versão paga;
- Splashup é possível editar várias imagens ao mesmo tempo, uso de layers e outras coisas.
- Pixenate
Editores de vídeo online
- JumpCut é um dos poucos que vale a pena usar.
Frameworks
- jQuery é meu framework JavaScript favorito;
- CakePHP é muito bom pra quem quer desenvolver rapidamente e te ajuda a organizar o código;
- Ruby On Rails, o framework milagroso.
Hospedagem de sites grátis sem propaganda
- 000WebHost te oferece 250MB de espaço, 100GB de banda, PHP, MySQL, Perl e Cpanel;
- 8TT tem 10GB de espaço e 10GB de banda, PHP e MySQL;
- ver mais hospedagens grátis.
HTML
- Semantics, HTML, XHTML and Structure te ensina a escrever HTML corretamente;
- HTML Validator verifica seu código;
- Porque é bom seguir os padrões.
JavaScript
- JavaScript tutorial bem completo;
- Aprenda técnicas para criar JavaScripts acessíveis;
- Tide4JavaScript debuga seu código e colore a sintaxe;
Mashups
- Dapper gera XML, RSS, JSON do conteúdo de sites facilmente;
- Yahoo Pipes te ajuda a pegar, filtrar e fazer milhares de coisas com o conteúdo e APIs de outros sites.
MySQL
- MySQL Tutorial explica e exemplifica;
- Como otimizar seu Banco de Dados usando Optimize e Explain;
- Como usar Joins.
SEO
- SEO Book é um dos melhores sites sobre SEO;
- SEO Tools selecionou as melhores ferramentas para SEO;
- com a Ultimate SEO Checklist, você aprenderá bastante coisa sobre otimização para sites de busca;
- 3 maneiras de aumentar imediatamente o tráfego vindos de sites de busca te dá uma boa base no que realmente importa sobre o assunto;
- veja uma lista com ferramentas para SEO.
Sites com bons textos sobre WebDev
- Revolução Etc tem textos sobre Arquitetura de Informação, CSS, Design, Microformats e muitas outras coisas;
- A List Apart possui os melhores textos “para pessoas que fazem websites”;
- Snook.ca é outro com textos muito bons;
- 456BereaStreet tem ótimos textos sobre Acessibilidade, Usabilidade e Web Standards;
- AlertBox com textos sobre Usabilidade por Jakob Nielsen;
- W3Schools tem muito conteúdo útil sobre WebDev.
Textos legais
- Como registrar um domínio e a importância para seu projeto;
- Porque o Flash é um LIXO quando usado exageradamente;
- Eye tracking rules é um texto que discute o que atrai os olhos dos usuários;
- 40 plugins para jQuery para facilitar a vida do desenvolvedor;
- Como colocar vídeos do YouTube em seu site com xHTML válido;
- 5 melhores scripts de galerias de imagens;
- Como criar o portfolio perfeito;
- Porque criar sites com CSS é melhor do que com tabelas.
Tipografia
- WhatTheFont desocbre a fonte usada em imagens;
- Download fonts é um dos melhores sites para baixar fontes;
- I love typography possui os melhores textos sobre tipografia.
Utilitários
- Builtwith descobre o que seus sites favoritos usam;
- GotApi procura na documentação de várias linguagens de programação;
- test everything possui mais de 100 ferramentas para desenvolvedores;
- Real-time HTML Editor é muito bom pra testar coisas;
- crie e teste aplicações Ruby on Rails com o Heroku.
Sugira categorias e sites pelos comentários. Se você achou legal, adicione no delicious! ;)
Gostou desse post? Então assine o RSS Feed, Email ou siga-me no Twitter!
Artigos relacionados:
- Recursos para WebDev – Parte 6: TOP 21 sites sobre CSS e Tableless
- Os 4 Editores de Fotos Online mais Práticos que Existem #2
- Como Comprar Passagens Aéreas em Promoção, Baratas e com Desconto na Gol, Azul, TAM, Varig, Ocean Air, BRA e Webjet
- Hospedagem de Sites Grátis sem Propaganda
- Recursos para WebDev – Parte 4: As 3 extensões essenciais para o Desenvolvedor Web
Publicidade

Eclipse – http://www.eclipse.org
BlueFish – bluefish.openoffice.nl
Responder
Frameworks
Tynemce – http://tinymce.moxiecode.com/ Framework que deixa os formularios cheio de opções
Responder
Add ai pedro:
Editores e Ambientes de Desenvolvimento > Eclipse PDT (java)
Editores e Ambientes de Desenvolvimento > gPHPedit (linux)
Frameworks > prototype (javascript)
Frameworks > CodeIgniter (php)
se lembrar mais eu posto.
abraços…
Responder
Algumas referências sobre CMS, sources para photoshop(brushes, etc)…
Responder
Cita MySQL, mas se esquece do PHP?
Aí vai um endereço: http://www.php.net/docs.php
Responder
Javascript
http://w3css.blogspot.com/2007/06/referencias-de-javascript.html
Editores e Ambientes de Desenvolvimento
http://www.editplus.com/
Responder
Overdose, rickz, Thiago e Guido, boas dicas. Vou adicionar tudo pela manhã.
Luiz, não esqueci, hehe. Só queria participação. A documentação do PHP é uma das melhores. :)
Responder
Photo editor: http://pixenate.com/ ;)
Responder
Pedro,
Seu artigo é uma ótima referência.
Se vc achar interessante, tem um site que otimiza legal o código CSS de forma simples e rápida.
http://www.cleancss.com/
abs
Responder
Tiago e Paulo, valeu. O CleanCSS está na lista de sites CSS e Tableless da outra página, mas brigadão mesmo assim. ;)
Responder
Editor de fotos online e brasileiro:
http://www.montafoto.com/
Uma ótima ferramenta da Adobe para você mecher com cores:
http://kuler.adobe.com/
Dicas para desenvolvedores web
http://www.yogodoshi.com/blog (=p)
Abraços!
Responder
Achei ótimo!
gostariade receber modelo de planilia da Domain Services em português da DNS (como modelo),
Obrigado
Responder