• 40 Great Web/Graphic Design Resources

    Alright, It’s time for some more forever-useful (until outdated :) ) resources. Last time I brought you specifically CSS resources, but this time it’s a bit more broad. I’m covering alot more topics, and this is more of a ‘general’ resources list. I am sure I am missing some stuff, so you are more than welcome to add your favorite resources to the comments, and lets make this a very complete list :) Enjoy.

    (The list covers several different topics, so I just mainly seperated it into 3 main groups for easier browsing)

     CSS Boxes
    Blank CSS templates. Very useful standards-complient tool.

    CSS Typeset
    Helpful for beginners, or to maybe speed up coding, a CSS generator for type styles.

    .htacess Editor
    Create .htaccess files online, with no coding knowledge. Chose your options from a list of drop down menus, and then copy and paste the provided code.

    Clean CSS
    A online tool that formats and optimizes your CSS. You can even choose whether you want the output more readable (bigger size) or unreadable (smallest size). Cool little tool.

    CSS, Accessibility and Standards Links
    A HUGE list of links to everything related to CSS, Accessibility and Standards. Awesome resource.

    Sperling.com
    A cool free CSS horizontal drop down menu.

    PHP Form
    Create php forms quickly.

    Cheat Sheet Round Up
    A really great coding cheat sheet round up from Smashing Magazine. Includes nearly anything you can think of.

    Optimize Your Code
    40 Tips for optimizing your php code.

    Exploding Boy
    14 cool free vertical CSS menus.

    Web Design References: CSS
    A huge list of links to all things CSS. A very good resources.

    Web Design References: PHP
    From the same site as above, a huge list of links for PHP.

    The Web Developer’s Handbook
    Yet another ‘mega link round up.’ This one is called ‘The Web Developers Handbook" and has an incredible amount of resources.

    Blue Vertigo
    Another one! This is an epic link dump called Blue Vertigo. Tons of stuff.

    Resources For Web Design
    Another ‘mega link round up’ for web design.

    Open Source Living
    Very cool list of open source programs and applications. It’s really amazing what’s out there, and this helps organize it somewhat.

    Principles For Good Web Design
    Great article written by Collis about essential principles of good web design.

    CSS Layout Tools
    Vandelay Design is a pretty well known company/site, and they put together this awesome list of ’22 Resources to Easily Create CSS Layouts’

    Browser Shots
    A hugely useful online tool that provides you with screen shots from a huge list of different browsers and versions.

    Social Marker
    Submit your post a bunch of different social bookmarking sites at once. Also has a button you can add on your site.

    Pipe Bytes
    Awesome online tool to send files of any size to anyone. No program or software, you just need a web browser.

     

     

     Type Tester
    A great tool for comparing three screen fonts side by side. It’s great for picking between fonts for a project, etc.

    Colour Lovers
    GREAT resource for color and patterns. All types of stuff here. I’m sure alot of people have been here, but if you haven’t, go now!

    Kuler
    A site about color by Adobe. Very cool.

    Colorzilla
    Cool FireFox extension that allows you to get the color code for anything in your web browser. Has an eyedrop feature like photoshop.

    Da Font
    Good place for free fonts. Though it’s like every place with free fonts, you have to do some searching to find quality stuff.

    Ink Scape
    An open source vector graphics editor.

    Design Resource Search Engine
    A custom google search engine that searches design related sites. Great for finding freebies, textures, etc. Sacha, who create it, was nice enough to add this site as well :)

    FontStruct
    A really cool FREE online font builder.

    BG Patterns
    A tiling background generator. Very cool tool, and there are tons of options and stuff to choose from. Very customizable.

    Superscreen Shots
    Take full-size screenshot of any website. Just type in the address, and it’s brings you the screen shot pretty quick.

    Icon Buffet
    Cool resources for free icons.

    Stock Vault
    Free stock photography. The site says "11175 free stock photos online."

    Texture King
    Has a bunch of free textures. Really cool stuff.

    SquidFingers Patterns
    Some really cool patterns. Free to use and everything! There are 158 patterns and the styles vary.

     

     Free WP Themes
    A cool group of free wordpress themes. Their all fairly simple, but nicely done, and easy to customize. Great start and a real time saver.

    WP Themes Free
    Another place for free wordpress themes. This place has a TON. Alot of then are so so, but the site is easy to sort, and find what your looking for. Sometimes you can find some good themes.

    Useful WordPress Plugins
    Great list of Useful WordPress plugins. There are a lot out there, so just like themes, you have to weed through and find that good ones.

    Create Your Own WordPress Theme – Tutorial
    A GREAT tutorial on creating a WordPress theme from scratch. This site has since switched owners and has altogether stopped posting, but this post is still a great source of information.

    100 Free High-Quality WP Themes
    Great list of 100 free high-quality WordPress themes. Also, don’t forget about our WordPress section :) 

    WP Themer Kit
    This is an awesome pack of blank WordPress themes, that are very easy to customize. They are a great way to have a standards compliant start, and it really saves some times. Comes with all of your standard column, header, footer, variations.

    Other Stories From Around The Vast Series of Tubes

    Did you like this post? Pass it on!
  • 104 Comments

    Take a look at some of the responses we've had to this article.

    1. [...] 40 Great Web/Graphic Design Resources [...]

    2. [...] Another nice roundup of resources from a new and upcoming design Blog, Think Design: 40 Great Web/Graphic Design Resources. [...]

    3. November 9th

      Good roundup, thanks for the resources :)

    4. November 9th

      Thanks for the links, some new I had not visited before! Keep up the work.

    5. November 9th

      thank you so much

    6. November 9th

      the link for the title “SquidFingers Patterns” is wrong. it should be: http://www.squidfingers.com/patterns/

    7. [...] Web Design Resources Written by Revital on November 9, 2008 – 2:49 pm – 40 Web Design Resources Tags: graphics, list, resources, web designPosted in Design, Internet and Computers [...]

    8. [...] 40 Great Web/Graphic Design Resources | Think Design Nice Web Design Resources! Good Collection, Categorized for easy viewing. (tags: webdesign design Resources webdev graphics) [...]

    9. November 9th

      @ Eli, you are very welcome! Glad you enjoyed them.

      @lares, Glad I could turn you onto some new sites! Thanks for stopping by.

      @Designer, Thanks for stopping by. You are right, thanks for pointing that out! Fixed.

    10. November 9th

      Excellent selections of resources for both web and graphic designers! Thank you for this :)

      Ryan

    11. November 9th

      Thank for resources! LP.: your web is beautiful …

    12. [...] 40 Great Web/Graphic Design Resources [...]

    13. Raymond Spidla
      November 10th

      Great List of resources. One small comment though, could you please repost the link to “CSS Layout Tools – Vandelay Design”, I was unable to locate the article.

      Thanks :)

    14. November 10th

      Thank for sharing this great resources.

    15. [...] as one of the first things activities of starting a new day), one of the design blogs had a post on 40 Great Web/Graphic Design Resources that included right down the bottom, a link to 100-odd free WordPress themes. Curious, I trawled my [...]

    16. November 10th

      Thank you for this piece!

    17. November 10th

      @Ryan, Thanks, glad your enjoying everything! Thanks for your steady readership!

      @Online, Thank you very much! Thanks for stopping by.

      @Raymond, Glad you enjoyed it! And thanks for the heads up, I have fixed the link!

      @Kiran, Your Welcome, thanks for stopping by!

      @Antonio, Glad you liked it. Much more to come! Love your work and site, btw.

    18. November 10th

      WOW!

      Thanks for the list!

    19. November 10th

      Very nice list thanks alot for the references.

    20. [...] 40 Design Resources [...]

    21. [...] Never get enuff: 40 Great Web/Graphic Design Resources [...]

    22. November 12th

      thank you so much! This is very helpful especially for a noobie like me. I’m just beginning to develop my own website.

    23. November 12th

      @frank, your very welcome! Thanks for stopping by,

      @Affordable, Thanks!, and not a problem.

      @Jonath, Glad it could help! And don’t worry, everyone is a ‘noobie’ at some point. Good luck with your website!

    24. [...] han preparado una amplia lista que puede ser interesante, la puedes encontrar en el artículo 40 Great Web/Graphic Design Resources. La lista abarca mucho temas que están divididos en tres secciones para facilitar la navegación, [...]

    25. Lee
      November 14th

      These are great! Please, don’t ever take this page down! Ever!

    26. [...] 40 Great Web/Graphic Design Resources [...]

    27. [...] 6. 40 fontes de recursos para Web design. [...]

    28. [...] 40 great webgraphic design resources, un practico artículo de thinkdesignblog que contiene 40 recursos que podrían ser muy útiles para diseñadores Gráficos y Web. Encontraran desde editores de fuentes, pasando por practicas de Layout, editores de htacess, y muchos recursos más de los cuales podrán sacar provecho. [...]

    29. November 20th

      Very nice resources !

      Thank you !

    30. November 20th

      @Lee, Thanks! Don’t worry, I won’t! ;)

      @Javier, Your very welcome! Glad they could be of help.

    31. [...] 40 Recursos diseño web/gráfico. [...]

    32. [...] Link: 40 great webgraphic design resources [...]

    33. [...] ThinkDesign; este sitio lo obtube hace un rato por un amigo, y creo que hoy anda posteado por un blog, que en lo personal me parece, muy completo. Xyberneticos ( aprovecho el post, para recomendarles el blog;D). Pero bueno ThingDesign, es un sitio que ofrece links de diferentes herramientos online, como;  Clear Css – ( limpiar codigo innecesario de nuestros css ), entre otras herramientos muy variadas y buenas. Se les recomienda pasar por el web, para que chequen algunas herramientas,. Que estoy seguro algun dia les seran de utilidad. [...]

    34. [...] 40 great webgraphic design resources, un practico artículo de thinkdesignblog que contiene 40 recursos que podrían ser muy útiles para diseñadores Gráficos y Web. Encontraran desde editores de fuentes, pasando por practicas de Layout, editores de htacess, y muchos recursos más de los cuales podrán sacar provecho. [...]

    35. [...] apoya en Internet a la hora de encontrar nuevos recursos y formas de hacer mas ágil el trabajo. En Think Design Blog nos muestran una lista de 40 recursos dirigidos a diseñadores, que no tiene desperdicio e incluye [...]

    36. [...] Think Design Blog podemos encontrar 40 recursos para diseñadores. Se presentan en tres categorías: Código, [...]

    37. [...] 40 Great Web/Graphic Design Resources [...]

    38. [...] 40 great webgraphic design resources, un practico artículo de thinkdesignblog que contiene 40 recursos que podrían ser muy útiles para diseñadores Gráficos y Web. Encontraran desde editores de fuentes, pasando por practicas de Layout, editores de htacess, y muchos recursos más de los cuales podrán sacar provecho. [...]

    39. [...] allow you to understand and see the world of design from your own desktop. He provides countless resources for people… and get this… they’re usually free! His Twitter is [...]

    40. December 3rd

      Thanks for good web and graphics resource with categorized form.

    41. December 7th

      @Sandra, Your very welcome! Thanks for stopping by.

    42. December 13th

      That is a really good list.

    43. December 17th

      Resources for web designers http://webdesignresources.hit.bg/en/

    44. [...] Thin design) Generatori, Utility e [...]

    45. December 25th

      Hi!….
      I was searching on internet and I found your web design blog…..it is really intresting…keep it up….look forward to read more from you

    46. January 9th

      Great resource! Like the different sections. Will have to create a new site using some of these resources. Great!

      Thanx!

    47. January 27th

      Big Thanks!

    48. [...] 40 Great Web/Graphic Design Resources [...]

    49. February 24th

      Thanks for sharing

    50. February 26th

      Very useful and informative post ! Thanks for sharing…

      Keep up the great work!

      Ovi Dogar

    51. [...] original post –> thinkblogdesign.com [...]

    52. March 5th

      Hello Dear,

      Very useful site page for knowledge of PHP, class css and Web Design.

      Thank You..
      Regards.
      Technical Tiger

    53. March 6th

      Thanks for this post. A very nice informative about web design. A huge collection of resources.

    54. March 9th

      hi..
      Indeed a very good post, i was going through the net to find out some good web/graphic designs and came across your post.Found out to be very interesting and informative.surely benefited me and could be used by other designers as references.
      Would be coming back for more updates from your side.
      Thanks
      John.

    55. March 17th

      Can I take part of your post to my blog?

    56. Joseph
      April 3rd

      Very useful, thank you. Also http://www.melsbrushes.co.uk for free commercial use graphic stock – very nice designs

      In fact, a post about free design stock sources (not the big obvious ones but quality individuals) would be great.. hint hint :)

    57. April 6th

      Keep working ,great job!

    58. April 23rd

      Very interesting webpage, a lot of interesting information, thank you

    59. [...] [upmod] [downmod] 40 Great Web/Graphic Design Resources | Think Design (thinkdesignblog.com) 1 points posted 6 months, 1 week ago by SixSixSix tags imported [...]

    60. [...] 40 Great Web/Graphic Design Resources | Think Design (November 8th, 2008 at 3:02 pm ) [...]

    61. June 14th

      very useful list ,great resources about css coding.Thx

    62. June 25th

      Thank you friend for sharing all the important web design resources in a list. keep it up

    63. Good Resources…… Thanks for sharing this info post.

    64. September 1st

      very good list and reference resource, added to my links

    65. September 23rd

      really useful, thansk.
      I love the .htaccess generator!

    66. These links are awesome! Just saved me a LOT of time! Thanks!

    67. Jerome Riguidel
      January 4th

      Great ressources. Thanks.

    68. February 2nd

      Very useful wow post thank you

    69. February 13th

      Really cool and important list.
      Thanks

    70. February 27th

      Nice info for a beginner. I hope to keep learning and one day have a site to teach ppl techniques like this.

    71. Social comments and analytics for this post…

      This post was mentioned on Twitter by Scott_Schwartz: 40 Great Web/Graphic Design Resources from @ThinkDesign http://tr.im/o5cv

    72. April 14th

      Thanks for shared

    73. April 16th

      Web design company Delhi offer web hosting, website development and web designing in Delhi. Professional web design company of Delhi, Noida, Gurgaon serving Delhi over 15 years.

    74. April 21st

      Web design company Delhi offer web hosting, website development and web designing in Delhi. Professional web design company of Delhi, Noida, Gurgaon serving Delhi over 15 years.

    75. [...] Think four’s blog, a great list of Graphic Design resources from social bookmarking to CSS code clean-up. Check it out! [...]

    76. Good work, thanks for sharing.

    77. Its Good for yourself

    78. September 1st

      Thanks for that long list of resources. Bookmarking them :) Saved me a whole lot of time researching.

    79. October 27th

      Hey, I can’t view your site properly within Opera, I actually hope you look into fixing this.

    80. October 29th

      Best you could edit the blog subject title 40 Great Web/Graphic Design Resources | Think Design to more catching for your webpage you create. I liked the post withal.

    81. November 15th

      Nice info for a beginner. I hope to keep learning and one day have a site to teach ppl techniques like this.

    82. November 22nd

      Great List of resources. One small comment though, could you please repost the link to “CSS Layout Tools – Vandelay Design”, I was unable to locate the article.

      Thanks :)

    83. December 10th

      I went over this site and I believe you have a lot of fantastic information, saved to bookmarks (:.

    84. Good work, thanks for sharing.

    85. January 7th

      I enjoy viewing your website. Hope you have a good day.

    86. January 23rd

      Thanks your great Resources

    87. Good work, thanks for sharing.

    88. Nice info for a beginner. I hope to keep learning and one day have a site to teach ppl techniques like this.

    89. March 29th

      Thanks for shearing this great stuff

    90. Most are decent, few are good, but few are outstanding.Its a nice blog Thanks………

    91. That .htaccess site is GOLD! The other sites are cool too, but I’ve been struggling with .htaccess (I’m a designer after all) so this is great. Thanks,

    92. September 2nd

      Nice info for a beginner. I hope to keep learning and one day have a site to teach ppl techniques like this.

    93. September 5th

      Nice info for a beginner. I hope to keep learning and one day have a site to teach ppl techniques like this.

    94. October 12th

      Good writeup

    95. November 14th

      thank you, very useful.

    96. January 10th

      Nice share man, i inspired from your new art work. i visited your page regularly…… i am always enjoying here a lot..

    97. [...] You can find some other compilations of design resources and inspiration over at Studio 7 Designs , Just Creative Designs , Mashable, and Think Design. [...]

    98. August 31st

      Very Nice and resourcefull. thanks a lot.

    99. Thanks for the excellent post, you have listed some very good sites.

    100. November 9th

      great list, it’s very useful for us designers.
      thanks

    101. December 3rd

      Very useful post! Keep up the good work.
      thanks

    102. [...] Web Developer’s Handbook Yet another ‘mega link round up.’ This one is called ‘The Web Developers Handbook” and has an incredible amount of [...]

    103. Great collection friend . . . best resource for graphic designers for get inspiration

  • Post a Comment

    Let us know what you thought.

  • Name:

    Email (required):

    Website:

    Message: