Não é difí­cil encontrar um Blogger que tenha uma quedinha por Webdesign ou um Webdesigner que tenha um blog. Em ambos os casos é importante ter fontes de referência não só pra design, e sim para ferramentas online ou offline, complementos, enfim, um monte de coisas. Resolvi então fazer uma listinha de 100 itens essenciais na minha opinião, para todo aspirante ou profissional das áreas ditas. O post deve sair grande, ma vale a pena

Inspiração

Antes de começar um novo layout é sempre procuro coisas novas pra me inspirar, seja um layout, um estilo de links ou o que quer que seja. Pra isso costumo utilizar as galerias de Design CSS:

1. CSS Beauty
2. CSS Mania
3. CSS Vault
4. CSS Candy
5. Web Creme

Layouts e Templates

Uma boa alternativa pra quem morre de preguiça de confeccionar um layout em CSS na unha existem sites que oferecem estruturas CSS prontas, restando apenas modificar a gosto. Pra quem não quer nem este trabalho existem belos designs prontos para uso:

6. Layout Gala
7. Synamic Drive CSS Layouts
8. Ex Designs
9. CSS Fill
10. Strictly CSS

Sistema de Postagem

Existem opções de sistemas de postagem para todos os gostos. Na minha opinião os mais populares são Blogger e Wordpress pra quem deseja um blog ou site simples. Mas existem algumas outras opções:

11. Wordpress
12. Google Blogger
13. Joomla
14. Blog Engine
15. Habari

Imagens

As imagens são boas alternativas pra quem não tem uma boa mão para o desenho ou simplesmente para aqueles que desejam um layout menos básico:

16. Stock Xchng
17. Istock Photo
18. Dreams Time
19. YotoPhoto
20. Creating Online

Color Schemes e Ferramentas de Cores

Os esquemas de cores prontos são muito úteis quando se tem a imagem, o layout mas não se tem idéia que tom de cor ou combinação utilizar:

21. Colour Lovers
22. Color Schemer
23. Color Mixers
24. Color Blender
25. Tabela de Cores

Ícones e Favicons

Os í­cones certamente são alguns dos itens mais utilizados em uma página, tanto para representar um link, uma seção, uma categoria ou um menu de navegação. Existem ícons de diversos tamanhos, cores estilos. É só escolher algum e utilizar:

26. FamFamFam
27. N Design
28. Everyday Icons
29. Feed Icons
30. Bullet Madness
31. Intermash
32. Web 2.0 Site Icons
33. ASPNET Icons
34. Mouse Runner
35. Sweetie

Geradores

Os geradores são extremamente úteis quando não quer digitar um texto muito longo ou abrir o programa de edição de imagens para fazer algum item simples:

36. Ajax Load Generator
37. Wordpress Theme Generator
38. Layout Generator
39. CSS Layout Maker
40. Stripe Generator
41. Lore Ipsum Generator
42. .htaccess Generator
43. Favicon Generator
44. Web 2.0 Badge Generator
45. Rounded Corner Generator
46. Sitemaps Generator
47. CSS Menu Generator
48. Flash Generator
49. Background Maker
50. Typo Generator

Menus em CSS

Existem diversas opções de menus prontos em CSS e/ou Javascript , restando apenas a customização com os links desejados:

51. Listamatic
52. Dynamic Drive
53. CSS Menu List
54. Tab Rollover Menu
55. 14 Menus Verticais

Brushes, texturas e outros

56. Urban Dirty
57. Jigsaw Puzzle
58. Shizoo
59. Miss M
60. Echoica

Tutoriais e Artigos

Embora tenhamos muitos³ recursos para criar nosso blog/design as vezes falta alguma dica de como criar uma imagem, layout ou algum outro item. Os tutoriais são sempre importantes para aprender coisas novas e reinterar conhecimentos antigos, então nunca são demais:

61. Good Tutorials
62. A List Apart Code
63. A List Apart Design
64. Inobscuro
65. Webtutoriais
66. Blogajuda
67. Pinceladas da Web
68. PS Tuts
69. CSS Play
70. CSS Guides
71. pBlog
72. CSS Docs
73. Maujor
74. Webmonkey
75. Tableless

Scripts Diversos

76. Dynamic Drive
77. Javascript Source
78. DHTML Goodies
79. Java File
80. Scriptaculous
81. Dojo Toolkit
82. Lightbox
83. Ajax Matters
84. Mini Ajax
85. Quick Ref

Relacionados ao Wordpress

Atualmente o Wordpress é uma das ferramentas mais utilizadas para postagem em Blogs e Sites. Prático pela simplicidade ele pode se tornar um excelente gestor de conteúdos, sendo possível customizá-lo à gosto:

86. Tamba 2
87. Portal Wordpress
88. 83 Temas para Wordpress Altamente Recomendados
89. Vários resources para Wordpress
90. WP Plugins

Outras Ferramentas

91. Verificador de Links Quebrados
92. Validador CSS
93. Validador XHTML
94. Browser Shots - Testa o site em vários Browsers e SOs
95. Validador RSS e Atom
96. Get Click - Sistema de Estatísticas
97. Gerador de Meta Tags
98. Zoom Clouds - Gerador de Tag Clouds
99. Built With- Verifica todas as tecnologias utilizadas em um site
100. What the Font - Verifica qual a fonte utiliza em uma imagem

Ufa… That's it. Espero que aproveitem a lista, pois deu muito, mais muito trabalho mesmo!!! Não foi fácil ficar na frente do PC das 10:00 âs 18:30 vasculhando meu del.icio.us atrás dos melhores links. Caso goste utilize o link compartilhe logo abaixo para divulgá-lo. Se desejar também sugira links. Posso adicioná-lo depois

Continua a promoção do Wordpress Brasil

A promoção que vai premiar 4 pessoas com uma camiseta do Wordpress ainda está valendo no WPBrasil, a Lista. Basta criar um Trackback para este post e adicionar em seu blog a seguinte frase: "Wordpress Brasil é o site dos blogueiros brasileiros que usam Wordpress." e pronto. Você já estará concorrendo com o número do teu Trackback. Não perca a oportunidade!

Boa semana para todos!