Creating a good website isn't an easy task, but there's a few tools that can definitely make your developer or designer life easier. In this article, I have compiled 15 extremely useful website that any web developer or web designer should have bookmarked.

ColorCombos


When designing a website, one of the firsts (and most important) steps of the process is to choose a color scheme.
Color Combos allow you to browse thousand of different colors combinations for getting inspired for your upcomming design. Color schemes can be browsed by colors.
Visit colorcombos.com

LIpsum


Who doesn’t know the extremely popular Lorem Ipsum text? This text is used by webdesigners worldwide to simulate the render of real text on a design.
Lipsum.com allow you to create th desired number of paragraphs of Lorem Ipsum, quickly and simply.
Visit LIpsum.com

What the font?


You just saw a logo or website using a particular font and you enjoyed it. You’d like to use the same font in a design of yours…but you don’t know the font name. At this point, you have only two solutions: Searching for the font during hours, or using the What the font service.
What’s the font allow you to upload a logo or an image containing a font, and it will tell you which font is it. Results are incredibles.
Visit What the font

ConvertIcon


Favicons are a must have for any website, mostly because on modern browsers as such as Firefox, it is displayed along with the site name in tabs. It is also used in bookmarks.
Favicon can be in various file format, including the popular .png. The only problem is that using png as a file format for your site favicon will not work on Internet Explorer. Happilly, there’s ConvertIcon a free online service that allow you to upload an image and get a .ico file, for maintaining compatibility with Microsoft’s browser.
Visit ConvertIcon

BgPatterns


background Patterns is definitely one of the current webdesign trends.
On BgPatterns.com, you’ll be able to browse a wide selection of patterns that you can freely use on your designs.
Visit BgPatterns

HTML Encoder


Do you display code on your website? If yes, you probably know how boring it can be. In fact you have to type &lt; to display <. If you have to display a 50 lines code, this may take a while to manually convert HTML symbols.
The HTML Converter simply takes a code and returns it to you after converting HTML entities. I use this service daily for displaying codes on my blogs.

Note that a HTML Decoder is also available.
Visit HTML Encoder

Xenocode Browsers


In my opinion, Xenocode Browsers is the ultimat tool for checking your website in different browsers. Xenocode Browsers allow you to lauch IE6, IE7, IE8, Firefox 2, Firefox 3, Google Chrome and Opera directly from the web. The only weak point: The service isn’t available for Macs and GNU/Linux powered PCs.
Visit Xenocode browsers

Test Everything


Do you ever wished to be able to test your design in many browsers as well as checking a page PageRank, and even validate your code standards compliance all in one place?
If yes, Test Everything is definitely a site that you should visit. It aggregate over 100 different tools to test almost everything on a webpage.
Visit Test Everything

Sprite Generator


CSS Sprites is definitely a great technique to use, mainly because it reduces the number of HTTP requests. Thought, CSS sprites require time and particular knowledges, which make the technique kinda hard to use, especially for begginners.
The amazing Sprite generator allows you to send a zip file containing your images. It will returns you your images combined into a sprite, and even better, the CSS code that you’ll just have to paste in your main css file.
Visit Sprite Generator

Buttonator


Sure things, good looking buttons is a must have for any serious blog or website. If you don’t know, or haven’t the time to create some cool buttons, don’t worry: Buttonator is an advanced button generator that you can freely use.
By the way, don’t forget to check out our Top 10 CSS buttons tutorials list if you have an interest in CSS buttons.
Visit Buttonator

Load Impact


How many time have you ever seen websites down after they were featured on the frontpage of popular sites as such as Digg or StumbleUpon?
The free Load Impact service will allow you to test how your website can handle various blasts of traffic. The results with sites hosted at WpWebHost are excellent.
Visit Load Impact

IconFinder


Good looking icons are a must have in any professional website. There’s plenty of free icons on the web, so the folks at IconFinder decided to create a collection of free icons for you to use them in your designs. It is definitely easy to find what you’re looking for in seconds.
Visit IconFinder

TypeTester


Testing how fonts will renders on your design is sometimes a fastidious operation. Happilly, TypeTester allow you to test how fonts and their attributes will look. A definitive gain of time.
Visit TypeTester

CSS Tidy


Even advanced developers often needs to optimize their CSS code. CSS Tidy is a free, online application that will fix errors and optimize your CSS code. For example, it can automatically detect redundant styles, a very common problem of CSS codes.
Lots of settings are availables, to ensure you’ll be happy with the results.
Visit CSS Tidy

Contact Forms Generators


Forms are a very important part of any website, because they allow your readers or customers to interact with you. By using Contact Forms Generator, you’ll save a precious time by creating your forms, including the PHP, ASP or even Perl code needed for sending emails from your site to your mailbox.
Contact Forms Generator doesn’t even require programming skills.
Visit Contact Form Generator

Related Posts

No related posts.
 

82 Comments

  1. Posted July 20, 2009 at 5:33 pm | Permalink

    What a great list. This is one to be bookmarked. Thanks so much.

  2. Posted July 20, 2009 at 6:13 pm | Permalink

    Awesome collection Jean ! bookmarked

  3. Posted July 20, 2009 at 7:16 pm | Permalink

    Great collection! Thanks for putting them all in one place…

    Anita CM

  4. Posted July 20, 2009 at 7:45 pm | Permalink

    great collection! just bookmarked it =)

  5. Posted July 20, 2009 at 7:56 pm | Permalink

    It’s one of the best articles for a freelace webdesigner, i ever saw

  6. Posted July 20, 2009 at 8:52 pm | Permalink

    Great list!
    I would include http://html-ipsum.com/ on it too, its just like Lipsum.org but it gives you html code ;D

  7. Posted July 20, 2009 at 10:14 pm | Permalink

    Great list!
    I always love info. on contact forms.

  8. Mario
    Posted July 20, 2009 at 10:55 pm | Permalink

    good list! thanks for posting!

  9. Posted July 20, 2009 at 11:12 pm | Permalink

    Wow! Awesome list! I didn’t know many of these services!
    Thanks for making my life easier!

  10. Posted July 20, 2009 at 11:40 pm | Permalink

    Just added it to my delicious list.
    Very good! Thank you for posting this list – several new items for me to make use of and recommend to others!

  11. Posted July 21, 2009 at 3:27 am | Permalink

    Wonderful list. One of the best ever I had read in quite some time. This deserve to be in the front page of digg.

  12. Posted July 21, 2009 at 4:53 am | Permalink

    wow great list, i just started web building an test everything looks awesome!

  13. Posted July 21, 2009 at 5:47 am | Permalink

    Great set of links and tools here. I like the Color Combo site. I already use ColourLovers and Kuler but you can never have enough input on colors! This post is making it as a choice for tomorrow.

  14. Posted July 21, 2009 at 6:52 am | Permalink

    Thank you so much!

  15. Posted July 21, 2009 at 6:52 am | Permalink

    Fantastic list of collection. Thank You!

  16. Posted July 21, 2009 at 8:24 am | Permalink

    Great set of links and tools, bookmarked.

  17. fab
    Posted July 21, 2009 at 9:00 am | Permalink

    fantastic!! thank you so much!!

  18. Posted July 21, 2009 at 9:23 am | Permalink

    I love this article because some of those tools i already know them but some ohters i had no idea and they can be very useful for webdesigners.
    Thanks for this article.

  19. Posted July 21, 2009 at 11:17 am | Permalink

    i have completed the web designing recently but i am not a professional & i dont have a experienced at all i am new in this field but you gave me some tools thanks for it!it is very useful for me!

  20. Posted July 21, 2009 at 1:13 pm | Permalink

    These references will give me some experience and guidence. Thank you.

  21. Posted July 21, 2009 at 1:45 pm | Permalink

    Hey Jean, great post!! You article is indeed very helpful especially for the freelance web developers and designers. I have used HTML Encoder and Color Combo sites. But I had no idea about Contact Forms Generator. Thanks for the mention!!

  22. Posted July 21, 2009 at 3:18 pm | Permalink

    Useful Collection :) thanks Bro ..

  23. Posted July 21, 2009 at 4:31 pm | Permalink

    Great collections, thank you so much! this is very useful…..

  24. Posted July 21, 2009 at 6:58 pm | Permalink

    i really like that icon website. its the first time ive come across it! thanks for the information.

  25. Posted July 22, 2009 at 2:11 am | Permalink

    hi.. great list.. I don’t know if there is some site providing Lorem Ipsum text.. :D

    I found another site similar to Color Combos, the name is ColourLover (http://www.colourlovers.com/),.

  26. Posted July 22, 2009 at 3:01 am | Permalink

    This is great…has bookmarked…Really appreciate who ever have research about this…

  27. Posted July 22, 2009 at 3:47 am | Permalink

    Fantastic list. Great resource of tools and services that shouldn’t be overlooked when designing and testing websites. Extremely useful. Have bookmarked!

  28. Posted July 22, 2009 at 6:58 am | Permalink

    Great list.

    Thanks.

  29. Posted July 22, 2009 at 11:56 am | Permalink

    thanks for this list of the tools really they are very helpful for the web developers like us because we always seek for the new tools for our web development!

  30. Posted July 22, 2009 at 6:52 pm | Permalink

    Thanks for sharing this great article with all these great resources. I really appreciate seeing post like this that I can use for a long time down the road.

    I “dugg” it for you on “Digg”.

    To your health,
    Edward Moore
    twitter.com/EdwardMoore

  31. Posted July 22, 2009 at 7:05 pm | Permalink

    I used lorem LIpsum.com quite a lot untill I found http://www.designertext.com/

  32. Posted July 22, 2009 at 8:21 pm | Permalink

    VERY useful list. Thanks for sharing

  33. Posted July 22, 2009 at 9:41 pm | Permalink

    Awesome stuff! That font identification site is absolutely great! I’ve been faced with trying to identify a font so many times I can’t even remember. But each time it has always taken a long time to identify the font. That site will be a big help. Thanks!

  34. Posted July 23, 2009 at 2:06 am | Permalink

    Thanks a lot for sharing the list. Appreciate it.

  35. Posted July 23, 2009 at 2:35 am | Permalink

    Nice list you got here… Bookmarked!

  36. Posted July 23, 2009 at 3:42 am | Permalink

    Thank you for the review.

  37. Posted July 23, 2009 at 8:03 am | Permalink

    What a nice list of tips. And yes, loading time is important for every web page as it can also help to convince your visitor to stay. The longer the page load, the bigger chances that your visitor will leave your site right away.

  38. Posted July 23, 2009 at 4:07 pm | Permalink

    really grat collection, thanks (gracias)!

  39. Posted July 24, 2009 at 6:07 am | Permalink

    Of the whole list IconFinder was the only one known to me before. Its a great place to find all sorts of icons. thanks for the rest of the list. I am going to try out Test Everything and What Font

  40. Posted July 24, 2009 at 9:34 am | Permalink

    great post .. thanks :-)

  41. Posted July 25, 2009 at 12:02 am | Permalink

    I would add smashingmagazine.com to the list! Very inspirational and useful resource!

  42. Posted July 27, 2009 at 9:34 am | Permalink

    I knew about half of those resources, but the other half, wow. I’ll be using them often now. Thx for the heads up.

  43. Posted July 27, 2009 at 10:31 am | Permalink

    whoooohoooo!!!! there are lots of things to learn from this discussion!!

    I love this place!!!!

  44. Posted July 27, 2009 at 3:22 pm | Permalink

    Thanks for this great collection of tools to use.

  45. Posted July 27, 2009 at 10:44 pm | Permalink

    Cool list. Definitely some useful links there. Thanks.

  46. Posted July 28, 2009 at 1:38 am | Permalink

    What a great list! Bookmarked!!

  47. Shabbir
    Posted July 28, 2009 at 9:09 am | Permalink

    it is very great post… thanks :)

  48. Posted July 28, 2009 at 5:38 pm | Permalink

    great list. thanks

  49. Posted July 30, 2009 at 11:44 am | Permalink

    Stumbled… really a great resource

  50. Posted July 30, 2009 at 9:19 pm | Permalink

    Thanks, a few of these ive never come accross before, whatthefont looks handy, ive seen people asking in a forum a few times what a particular font is.

    Thanks for putting this list together.

  51. Posted July 31, 2009 at 8:32 am | Permalink

    Thanks for this great resource.

  52. Posted July 31, 2009 at 11:33 am | Permalink

    Great list 4 thumbs up!

  53. Posted July 31, 2009 at 11:52 am | Permalink

    nice very nice thank you so much

  54. Posted August 2, 2009 at 2:17 pm | Permalink

    I just put this post url in my “Favorites” list. I do know some of these sites and to know more of them is great. I think Icons finder, buttonator and colorcombos add to my collection. Great tools for webmaster…Thanks for putting them all together, it will surely make life easy.

  55. Posted August 5, 2009 at 11:22 pm | Permalink

    Nice list of incredible tools, thals for sharing !

  56. Posted August 6, 2009 at 5:32 pm | Permalink

    I found this to be a very useful list for web development. The Test Everything tool is awesome. So many ways to fix errors in code, check SEO and so much more. I’ve used the What’s My Font website and is great for finding the Font style when you don’t have access to the original font. The other site I’ve used quite a bit is the LIpsum.com. Nice tool for creating visuals of text areas. Another site for this is http://www.html-ipsum.com/. This site will give you the html that you can paste into code.

  57. Posted August 6, 2009 at 11:50 pm | Permalink

    Hi Jean-Baptiste!

    Thanks for this great list – there’s are defiantly a couple of them I don’t know. Especially Load Impact is useful…

    BTW I found this through the article on Webdesignerwall about “20+ WordPress Recipes”, which led me to wprecipes.com and from there to this post. It’s funny how you can surf yourself through to this kind of useful stuff by coincidence.

    Thanks!

  58. Posted August 8, 2009 at 11:35 pm | Permalink

    I was tempted to keep Stumbling when I saw the title; I’m glad I didn’t – most of these were sites that I was unfamiliar with. Great work.

  59. Posted August 9, 2009 at 12:31 pm | Permalink

    This is an awesome post! Thanks a lot

  60. Posted August 9, 2009 at 10:33 pm | Permalink

    Fantastic collection! Thanks for putting this all together in one place. Definitely bookmark this one! Thanks! :)

  61. Posted August 10, 2009 at 11:26 pm | Permalink

    You have collected good tools for us :-) Thank you, its already bookmarked!

  62. Posted August 11, 2009 at 2:04 am | Permalink

    Helpful links. This post leads you to sites which can help you with fonts, colors, and designs. Thanks so much for the links.

  63. Posted August 12, 2009 at 2:55 pm | Permalink

    Great list, thanks for posting this, now i have some extra work to go do :)

  64. Posted August 13, 2009 at 4:29 am | Permalink

    What the font sounds like a great idea. I actually felt really excited as I read about it because JUST TWO days ago I came across a font that I really liked and I could not find it anywhere. I emailed the “contact us” and haven’t received a reply, but I don’t have to wait for one anymore!

  65. Posted August 17, 2009 at 9:14 am | Permalink

    Excellent list… Keep up the good work … Thanks …

  66. Posted August 19, 2009 at 10:49 pm | Permalink

    Great, thank you very much !

  67. Posted August 20, 2009 at 3:36 pm | Permalink

    Great list of sites! *bookmarked*

    Thank you =)

  68. Posted August 22, 2009 at 5:43 am | Permalink

    Great list of must haves!! Sometimes it’s killer trying to find exactly what you need, what with all the free choices available on the web these days. Now I have a place to start when I’m looking for just the right edge. I especially like colorcombos, buttonator, and whatthefont. Awesome design implements when you have something specific in mind. Thanks a bunch!!!

  69. Posted August 22, 2009 at 6:16 am | Permalink

    Thanks for the list, I have seen all of them apart from ‘ConvertIcon’… I use a photoshop plugin to create favicons but if this site works I might use it instead.

  70. Posted August 23, 2009 at 10:31 pm | Permalink

    These are the basic but must follow idea to get space on web. Thanks

  71. Posted August 27, 2009 at 10:23 pm | Permalink

    Great list – there were a few I hadn’t heard of. Thanks! The number one site I couldn’t live without is the W3C Validator: http://validator.w3.org/

  72. Posted August 30, 2009 at 9:17 pm | Permalink

    Thanks for the list.. Ill try the other one ..

  73. Posted September 1, 2009 at 5:38 pm | Permalink

    Great list. Bookmarked.

  74. Ignacio
    Posted September 4, 2009 at 10:06 am | Permalink

    Nice list. Thank you!

  75. Posted September 4, 2009 at 11:02 pm | Permalink

    I like the list and have a (possible valuable) addition:

    browsershots.org shows your page in 86 browsers on 4 different OS’es.

    It ques your request so results will have a delay of several minutes.
    If you create a free account you will be able to save your history.
    If you create a paid account you will get priority processing.

    Keep up the good work!

    MegaMad – Leo

  76. Posted September 6, 2009 at 7:55 pm | Permalink

    Really cool compilation of websites for all web developers and designers. But it could have been more… I mean more list of websites to make it more powerful.

    Cheers.

  77. Posted September 9, 2009 at 9:51 am | Permalink

    Great List.. a great find. thanks..
    bookmarked!

  78. Posted September 17, 2009 at 1:19 pm | Permalink

    great list. bookmarked.
    thanks.

  79. Posted September 24, 2009 at 1:17 pm | Permalink

    me like! :-)
    nice useful collection

  80. Posted October 16, 2009 at 9:20 pm | Permalink

    uau! there are some stuff there that I was looking for a while! Thx

  81. vishnu
    Posted January 14, 2010 at 8:52 am | Permalink

    wow! great collection howdy…!! thanks lot… bookmarked

  82. Posted February 1, 2010 at 9:34 pm | Permalink

    Smush.it is great for compressing images. Just google for smush.it and you will find the site!

49 Trackbacks

  1. [...] 15 sites web developers and designers should knowcatswhocode.com [...]

  2. [...] In: Design inspiration 20 Jul 2009 Web Developers and Designers should know these sites! Go to Source [...]

  3. By popurls.com // popular today on July 20, 2009 at 10:40 pm

    [...] a Birther! – Media Matters w/Audio Taiwan: How to Reboot the Dragon – TIME WTF??delicious15 sites web developers and designers should knowThe Most Engaged Brands On The WebMoserware: Just Enough MBA to Be a Programmer50 New CSS Techniques [...]

  4. [...] 15 sites web developers and designers should know Submitted by Webmasterish [...]

  5. [...] 15 sites web developers and designers should know [...]

  6. By WhiteSoil | Design e Novidades on July 21, 2009 at 4:45 am

    [...] site Cats Who Code soltou um post muito útil que lista outros sites que provém serviços que facilitarão a vida de [...]

  7. [...] flash, photoshop, polls, psd, retweet, RT, seo, statistics, tech, tutorials, twitter 15 sites web developers and designers should know twitcam Stream Live on Twitter card.ly Home Twitter for Beginners: 5 Steps for Better Tweeting In [...]

  8. [...] 15 sites web developers and designers should know [...]

  9. By Daily Links for Wednesday, July 22th, 2009 on July 22, 2009 at 1:49 pm

    [...] 15 sites web developers and designers should know [...]

  10. By links for 2009-07-22 on July 22, 2009 at 2:02 pm

    [...] 15 sites web developers and designers should know Sites muito úteis para quem desenvolve aplicações web (tags: design web programming css development photoshop) Compartilhe essa página: [...]

  11. [...] el artículo 15 sites web developers and designers should know de CatsWhoCode, han recopilado 15 herramientas muy útiles a tener en cuenta si te dedicas a [...]

  12. [...] HTML Decoder [...]

  13. [...] 如果你要在网站中显示 Web 代码,那将是非常烦人的事,你必须将诸如 < 一类的符号用编码表示,这个网站可以帮你做这些事情,只需将你的代码复制进去,他们会帮你生成可以直接使用的代码。还有 HTML Decoder 帮你做相反的事。 [...]

  14. [...] Link: catswhocode] Related PostsNo Related [...]

  15. [...] HTML Decoder [...]

  16. [...] HTML Decoder 帮你做相反的事。 Xenocode [...]

  17. [...] HTML Decoder 帮你做相反的事。 Xenocode [...]

  18. [...] HTML Decoder 帮你做相反的事。 Xenocode [...]

  19. [...] 如果你要在网站中显示 Web 代码,那将是非常烦人的事,你必须将诸如 < 一类的符号用编码表示,这个网站可以帮你做这些事情,只需将你的代码复制进去,他们会帮你生成可以直接使用的代码。还有 HTML Decoder å¸®ä½ åšç›¸åçš„事。 [...]

  20. [...] sitesi web geliştirici ve tasarımcıların bilmesi gereken 15 web sitesini toplamış. Bu yazıyı beğendin mi ? RSS ile takip et ve tüm yeni yazılar doğrudan sana gelsin. [...]

  21. [...] HTML Decoder [...]

  22. [...] Niellemc’s Weblog Just another WordPress.com weblog « accordian css menus, no javascript 15 sites web developers and designers should know July 27, 2009 Some new tools and resources I hadn’t seen before: http://www.catswhocode.com/blog/15-sites-web-developers-and-designers-should-know [...]

  23. By Daily Digest for July 28th | imakethingswork on July 29, 2009 at 12:26 am

    [...] Shared 15 sites web developers and designers should know [...]

  24. By links for 2009-07-28 on studiowhiz.com on July 29, 2009 at 2:02 am

    [...] 15 sites web developers and designers should know Some very handy sites and tools that every designer should use (tags: webdesign tools resources design web tips inspiration programming) [...]

  25. [...] advanced button generator that you can freely use. By the way, don’t forget to check out the Top 10 CSS buttons tutorials list if you have an interest in CSS [...]

  26. [...] Official Link [...]

  27. [...] Official Link [...]

  28. [...] Official Link [...]

  29. [...] Publicado por Fede el Tuesday, August 4th, 2009 (¡Se el primero en puntuarlo!)  Loading … Cuando tenemos que diseñar un sitio web hay muchas cosas en las que pensar: colores, fuentes, imágenes, etc. Ya para eso existe mucha información de todos los tipos: estos 15 sitios son realmente útiles y de muy buena calidad. La información esta vez viene desde Cat’s Who Code. [...]

  30. [...] Jean-Baptiste Jung from catswhocode.com is sharing 15 sites web developers and designers should know. [...]

  31. By Top 10 Wonderful Whatzits on August 8, 2009 at 6:59 am

    [...] 7. Help for Website Designers [...]

  32. [...] Official Link [...]

  33. [...] Official Link [...]

  34. [...] HTML Decoder [...]

  35. By Net Biz In Buzz » Top 10 Wonderful Whatsits on August 26, 2009 at 7:36 pm

    [...] 7. Help for Website Designers [...]

  36. [...] 15 Sites Web Developers and Designers Should Know [...]

  37. [...] Kaynak tasarımcı siteleri, tasarımcının bilmesi gereken siteler, website oluşturucu Grafik Tasarım, Site Tanıtımı, Web tasarım [...]

  38. [...] 如果你要在网站中显示 Web 代码,那将是非常烦人的事,你必须将诸如 < 一类的符号用编码表示,这个网站可以帮你做这些事情,只需将你的代码复制进去,他们会帮你生成可以直接使用的代码。还有 HTML Decoder 帮你做相反的事。 Xenocode Browsers  [...]

  39. [...] HTML Decoder [...]

  40. [...] 15 Sites Web Developers and Designers Should Know [...]

  41. [...] HTML Decoder 帮你做相反的事。 Xenocode Browsers [...]

  42. By 15 sites web developers and designers should know on October 12, 2009 at 7:51 am
  43. [...] 15 sites web developers and designers should know (saved on Delicious ) [...]

  44. [...] 15 sites web developers and designers should know [...]

  45. By Công cụ thiết kế web trực tuyến on February 18, 2010 at 8:31 am

    [...] that a HTML Decoder is also available. Visit HTML [...]

  46. [...] that a HTML Decoder is also available. Visit HTML [...]

Post a Comment

Your email is never published nor shared. Required fields are marked *

*
*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Subscribe without commenting

  • Smashing Network
WordPress Appliance - Powered by TurnKey Linux