42 Must-Bookmark Resources for Web Designers – Inspiration, Design, Color, Fonts and More

April 1st, 2008 Posted in Aesthetics, CSS, Graphics, Tools, Tutorials, Web Design

Creative Web Designs

Whether you are just starting out or a seasoned veteran these tools, tutorials, lists and other resources are great sites for any web designer. Organized into helpful categories (design inspiration, CSS resources, web design guides, color tools, free fonts and more) this collection not only has useful resources but also categorized links to other lists with 100s more. If you’re not a designer but still need to create sites you still might be best off spending a few bucks on a web page creation tool with a simple GUI than hiring a designer but can still use the first section below and these great wallpapers to get design inspiration!

Web Design Inspiration

General Web Design Inspiration and Useful Design Examples


CSS Beauty is not only an active database for well-designed CSS sites but it is also a way to connect designers with potential clients and a source for web design and general aesthetic inspiration.

Web Design Inspiration is a collection of screenshots showing excellent web designs. It is well worth browsing simply for graphic and web design inspiration.

Web Creme is a very simple site and easy to follow on RSS: screenshots are posted, often more than once per day, of truly impressive web designs.

Unmatched Style is a source for businesses and designers who seek inspiration from particularly attractive, interesting and progressive web designs.

Design Firms is one of many sites on which you can find designers directly but your best bet might be a simple Google search or simply contacting the author of a design found through one of the above-listed design inspiration sites.

25 Beautiful Minimalist Web Designs shows the awesome power of simplicity when it comes to web design – more isn’t necessarily better.

24 Great Niche Galleries has screenshots with descriptions and links to various galleries that you might want to see for more web design inspiration.

10 Great Web [Re]Designs of 2007 features mostly popular and mainstream sites you may already be familiar with but also provides some useful analysis.

Best of CSS 2007 is another great screenshot-packed eye-candy collection of cool web designs from last year – worth bookmarking for future inspiration.

CSS Resources


CSS Web Design Examples, Tutorials and Other Resources

CSS Zen Garden allows you to see the full visual potential of CSS designs. You can pick a style sheet and load it onto the page to view the remarkable differences. The goal of the site is to engender new ideas about and discussions around the possibilities inherent in CSS-based design. While underlying code remains the same throughout the visual differences are readily apparent when you switch between views.

CSS2 Specifications is the place to start with CSS (or go back to when you are stuck). Yes, it isn’t trivial, but it is helpful and (despite the ironic lack of good design on the site itself) is something that everyone should have bookmarked if they are still learning CSS.

The CSS Panic Guide is a resource list which, as you might have guessed, is designed for those moments of utter despair and deparation where you are simply stuck. It is fairly well organized and contains links you’ll likely know as well as ones you won’t. This web design link list features everything from validation and text size to accessibility and media types.

The CSS Shark answers some frequently asked questions, explains some of the basics of CSS offers you a tutorial about Positioning with CSS (CSS-P, web design without tables). There is also a page with interesting links to other on- and off-site resources.

CSS Vault is a highly respected (PageRank 8) resource for sharing beautiful CSS designs and layouts that involves (moderated) community communication regarding designs. If you want to get into active CSS discussions this is one place to do that. The content is frequently updated and the user feedback is generally positive. Overall, this is a great place to browse for interesting and well-done CSS web designs and even find designers.

101 more CSS Tips, Tutorials and Examples is what it sounds like: another great resource list if the aforementioned ones don’t fully handle your needs. Unfortunately, the resources aren’t fully described though some descriptive terms are used as part of the link text.

Web Design Guide

Web Design Guides and Readings on Contemporary Design and Style

Web Design from Scratch is a great resource for a web designer or aspiring designer of websites either just getting started or already experienced. It is designed to show explicit criteria for success and failure as well as step-by-step guides and instructions for improving your designs. Whether you are completely new to web design, working on new design project or simply revisiting and revising an old web design this is well worth checking out and bookmarking for future reference.

Current Style in Web Design Guide takes you through a series of successful and contemporary designs and then parses the various elements that go contribute to the success of these creative designs. From the particular designs, the author of this useful web design guide extracts general principles which can be applied to other designs. For those of us who have difficulty making the jump from principles and examples to actual design practices this is a must-read guide.

Web 2.0 How-To Design Style Guide: This design guide discusses the generally known but rarely articulated styles associated with designing for what is known as “Web 2.0” by some and cursed as a passing fad by others. Whether or not you buy into the concept of Web 2.0 or consider it overused and outdated this will take you through the parts and pieces of such designs in a way worth at least browsing through if not bookmarking. On a related note, here are 99 Resources for Good Web 2.0 Design.

Color Design Inspiration

Color Tools, Ideas, History and Palette Creation Resources

COLOURlovers is probably the web’s top resource for all things color from color inspiration to palette examples, color history and inspiring uses of color. The tricks learned here can be applied to web design as well as other kinds of design work and are designed for both the color-savvy as well as the virtually color-blind designer.

ColorBlender lets you select a preferred color and then creates a palette based on that input. Blends can be saved for future use and tweaked as needed.

4096 Color Wheel is a pretty straightforward and user-friendly tool for creating color palettes and shifting color schemes.

ColorSchemer Studio suggests palette ideas based on initial and changeable inputs and is both fun to play with as well as useful for professionals.

Photo Color Matcher lets you create a color palette from an existing image of your choice. This can be helpful to people who don’t have a natural eye for color and for clients who may wish to have a designer create a color scheme from a photograph or other image.

Web 2.0 Color Palette is organized to help you develop color schemes based on certain criteria that will fit into a so-called Web 2.0-type scheme.

The Meaning of Colors explains the origins of associations we have with colors including cross-cultural analysis of the meanings of colors across ethnic and geographic groups.

Free Fonts

Elegant, Obscure, Abstract and Other Free Fonts

Creamundo is a great place to start searching for free fonts organized in useful ways and easy to view custom samples of prior to downloading. These fonts range from simple and refined to complex and unusual with everything in between.

ShowFont has a likewise extensive collection of free fonts of different kinds

Urban Fonts aren’t all necessarily urban in any traditional sense but many of them are quite interesting and out-of-the-ordinary. Some are based on classic fonts while others are quite creative and original, much like those found at Abstract Fonts or at Better Fonts.

SimplyTheBest has a helpful series of categories that are easy to navigate and understand which, despite their somewhat limited selection, makes them worth seeing.


Author -

who has written 551 posts on [Re]Encoded.com.

Contact the author

46 Responses to “42 Must-Bookmark Resources for Web Designers – Inspiration, Design, Color, Fonts and More”

  1. Digital Revolutions Says:

    Extensive, and quite inclusive. Good list.

  2. Elijah Says:

    Great list, I especially liked the zen garden.

  3. Kung Foodie Says:

    The irony is that most designers probably already have these sites bookmarked. 😉

  4. Joost De Says:

    Great list! There are a few that I haven’t used yet, like Creamundo and Landing Page Composer, so I’ll give those a try. 🙂

  5. JaxSean Says:

    Very nice – bookmarked!

  6. Geoserv Says:

    A few I wasn’t aware of as well, thanks for posting.

  7. Bob Lawrence Says:

    Great list. I have a bunch of these tools bookmarked now. Tossed those out and bookmarked your post. Nice work.

    Bob L.

  8. Bob Lawrence Says:

    Great list. I have a bunch of these tools bookmarked now. Tossed those out and bookmarked your post. Nice work.

    Bob L.

  9. Dude Says:

    WoW another list of web design resources – Just what the world needed!

  10. tonetheman Says:

    also crossbrowsertesting.com is a good site. easy way to test different os/browser combos.

  11. Dima Bilan Says:

    Thank you for this great resource.
    I hope to apply this great examples of design on my own website. This comprehensive list is a great help to me !

  12. John Says:

    nice work, good to see Zen Garden on the list.

  13. sonal Says:

    Than You For great resource

  14. Steven Snell Says:

    Thanks for the link. I’ve received a ton of traffic the last few days from it.

  15. Martyn Says:

    I’ve also bookmarked this, fantastic thank you.

  16. moserw Says:

    Great comprehensive list. This will take some time for me to go through and read up on. Thanks a lot!


  17. IDX Says:

    Must bookmark is right. Great work.

  18. Brisbane Web Design Says:

    this site is good

  19. Brad Bodine Says:

    Thanks for the great sites. I have not found many of these mentioned in your post.

  20. website design Says:

    Great comprehensive list. This will take some time for me to go through and read up on. Thanks a lot!

  21. Danhbaweb20.com Says:

    Thanks for share. Great link !

  22. Scott Wood Says:

    Great post. I work for Onlineworx who would benefit from this alot!



  23. Oliver Says:

    I found this website to be pretty interesting. Should check it out. http://www.awardwinnerwebdesign.com

  24. for Says:

    spam wfauomk dyoazb pfghwus

  25. Rishi Luchun Says:

    Great post, thanks!

  26. Domiduffill Says:

    продам Форд-Фокус 2008 года за 200 тр. торг возможет. срочно!!!
    +7 960 200 9209

  27. Sally Says:

    I thought you’d be interested in our Momenticon Icon Set that includes nearly 1000 icons inspired by the classic icon style for use in Computer/Software, Business/E-Commerce, Multimedia, Lifestyle and Basic applications. A free set of 100 icons is also available for use under a Creative Commons license.

  28. web design preston Says:

    Fantastic resource not it’s just getting time to read them all.

  29. Dominik Says:

    great list, another one cssarena.de

  30. Komp Says:

    I Love the way you write…thanks for posting

  31. website design preston Says:

    great site

  32. БAKИHEЦ Says:

    Да, было бы смешно, если б к сожалению не было так грустно …

  33. web banner design Says:

    Nice article. It gives me more idea of something unique. Thanks for sharing this one.

  34. Chauffeur Driven Says:

    Great List of useful resource and I like this post too much. Most of the website i could not use yet. I have update my bookmarks list at Deliciou by add this beautiful list. I got great idea about the latest issue of web design.

  35. graphic design colleges Says:

    Wonderful post I am addicted to web design blogs I think I have about 50 in my reader now and I am always looking for more!

  36. Icons for Windows Says:

    Really a great post here.i saw your many post. Thanks for all efforts. it will help us to get quality backlinks for our Sites. Really a great job done.i checked many of them and found all a quality links.

  37. Robin Bastien / Ocular Harmony Says:

    Cheers for the post!

    Colourlovers (and Adobe Kuler) are great color tools, especially helpful if a client provides an awkward base color that they’re married to.

    You should add the CSS3 spec sheet, it updates as it progresses in development.

    There’s so many resources out there that I never know where to go. I’m contemplating opening a second blog that exclusively focuses around design process, motivation, and good practice, but almost feel that there’s too many other resources out there. What do you think?

  38. Krabi Villa Says:

    Very nice resource list… Most of the websites are already in my bookmarks and thanks for new resourece.

    Really great post done and keep it up!

  39. chicago web development Says:

    These resources sure sound promising. I think every web designer should have a look at this collection.


  40. Aboriginal Paintings Says:

    Actually, I am new to this blog and like this resources list too much. I book marked this link and going to forward this post to our designer teams.

    Thanks for the post and keep it up!

  41. smooth booth Says:

    Nice one, great posts… im a new comer to your site but have been checking out your archives. Bookmarked your site, cheers 🙂

  42. Sheet Metal Fabrication Says:

    I have bookmark this site for further information and learning. I really like this list of resource.

    Great Work!

  43. Dvd Duplication Says:

    Is any of this info available on cd or dvd?

  44. diseño paginas web Says:

    Thank you for this great resource.
    I hope to apply this great examples of design on my own website. This comprehensive list is a great help to me !

  45. Tax Attorney Says:

    The zen garden is my favorite of all. But great list.

  46. outsourcing website Says:

    Its a very good post.This is a good inspiration for creating better designs.

Leave a Reply