17.09.07 | 15,894 visualizações | Resenhas, Web, WordPress | 29 Comentários | Shortlink

100 recursos que todo Blogger/Webdesigner deve conhecer

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  100 recursos que todo Blogger/Webdesigner deve conhecer

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!!!  100 recursos que todo Blogger/Webdesigner deve conhecer 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  100 recursos que todo Blogger/Webdesigner deve conhecer

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!

29 Comentários em “100 recursos que todo Blogger/Webdesigner deve conhecer” »

  1. lola | 17.09.07

    bah, parabens guria… mais mastigado que isso, impossivel. deve t dado uma trabalheira do cao mesmo
    esse teu jeito, de ajudar os outros, eh raro nesse "mundo" blogueiro..
    post devidamente "deliciousado" hehehe
    beijos

  2. Carla | 17.09.07

    Ahhhhh AMEI!!!!!
    Vai me desculpar o palavriado baixo, mas você deve ter tido um puta trabalhão MESMO pra montar isso tudo! XD
    Mas ficou óóóóóótimoooooo! Sério!
    Faço questão de conferir todos os links! ^^ Especialmente a parte de inspiração e imagens! ^^
    OBRIGADA!
    =*

  3. Alexandre | 17.09.07

    Olá Bárbara, parabéns pelo trabalho. Já tá no Rec6. Espero que tenha muitos votos.

    Só uma lembrança, eu gosto muito também do Css Garden.

  4. Miiih | 18.09.07

    Oiiii, vim aqui porque hoje fui por sua carta no correios e recebi a noticia terrivel de que a empresa resposavel esta de greve, mas ja paguei e deixei lá, asism que normalizar o sistema você estara recebendo-a!
    puts, que baita mão da roda essa que você deu.
    parabééns!

  5. Edson Luiz | 18.09.07

    Nossa muito bom o artigo eu já tinha visto alguns desse sites só que não lembrava aonde ou seja acava esquecendo, mais agora que trá tudo junto já deixei nos meus favoritos,
    Abraços e fika com Deus…

  6. Roberto L. | 18.09.07

    Muito bom seu post. Parabéns.

  7. Luma | 18.09.07

    Salvei o artigo!
    Barbara! Seu nome combina com você! Não sei se consigo aplicar tudo isso é coisa demais! Sei que o meu lay tá sujo, quem sabe um dia eu animo?
    Beijus

  8. Leonardo Pena | 19.09.07

    Ei Bárbara,
    não precisa agradecer não. Fiz a indicação no meu Blog por que achei a sua postagem nota 10. Pode deixar que vou acompanhar o seu Blog daqui pra frente.
    Boa sorte e um forte abraço.

  9. Wagner Fontoura | 19.09.07

    Parabéns pelo esforço e pelo resultado! Ficou muito interessante e deverá servir de consultas para muitos durante um bom tempo (pra mim servirá. Abraço!

  10. Esqueceu do nº 101: Blog do yogodoshi
    Ótimo post! Parabéns!!

  11. Ronaldo Prazeres | 19.09.07

    Excelente post, dicas interessantes.
    Peguei alguns ícones já.
    Valeu

  12. Mulher Aspirina | 20.09.07

    Báaaaaaarbara aquele .com tá me zoando, kkkkkkk tá dando um trabalho pro Jonny. O meu teme não veio com alguns plugins que usava no velho e, pior eu não consegui instalar nem o wordpress em meu pc, tou @#$%… hahahaah socorro!!!!!!!!!!!1 Adorei esse post, vou devorá-lo. Bjs.

  13. Diego Eis | 27.09.07

    Moça, valeu pela indicação do Tableless na parte de artigos!

    Falando em designe e etc, estamos planejando mudar o site e fazer um novo design. Quem vivier verá!

  14. Keyko | 02.10.07

    Achei esse texto no Delicious da Vanilla, e adivinha se fico sem agora? rsrs
    Sempre venho dar uma consultada aqui, e já recomendei aos montes rsrs
    Brigadão moça. ;*

  15. Post muito útil esse com as dicas. Parabéns pela iniciativa.

    Carlos Lima – LEIA-ME's last blog post..Downloads – VIDEOS DO YOUTUBE no seu computador

  16. André Sugai | 11.01.08

    Muito bom mesmo, parabéns pelo blog e pela matéria, voltarei outras vezes ao blog,

    André Sugai's last blog post..FusÃŁo de Duas Imagens.

  17. jaime | 18.03.08

    Eu ainda não entendo nada de "ferramentas pra melhorar blog",mas depois de ler tudo isso aqui(que ficou fantástico)tenho certeza de que vou começar a entender.
    Grande abraço e parabéns pelo teu trabalho.

  18. Marcela | 19.03.08

    caramba…muito bom! comecei meu blog hoje e vou conferir todas as opcoes com calma pra deixar ele apresentavel, rss…ja ate favoritei pra voltar sempre, ainda mais q eu uso PS.
    Parabens!

  19. Brugraph | 25.09.08

    Muito bom esse post!! Completo!!!

    Tá de parabéns!! Estou começando a desenvolver meu blog e é muito bom ter referências assim!!

    Um grande abraço

  20. MASTER | 27.09.08

    realmente vocês estão de parabens…….

  21. Gustavo | 17.12.08

    Oi queria saber onde eu encontro template muitoo manero xD

Trackbacks/Pingbacks

  1. Games que já joguei até dar dor de cabeça | inexoravel.org
  2. 100 recursos para editores de blog — QueroTerUmBlog.com!
  3. LISTA FINAL, para o sorteio de HOJE : WP Brasil: a Lista
  4. Ganhei a Camiseta mdo Wordpress! | inexoravel.org
  5. TÃˇrcio Zemel » ver site em diferentes navegadores
  6. Ver site em diferentes navegadores | desenvolvimento para web
  7. Dicas de leitores « Favoritos
  8. Mary Rainbow » Blog Archive » Voltei!

Comente também!