42 Must-Bookmark Resources for Web Designers - Inspiration, Design, Color, Fonts and More
[Re]Encoded dot Com
Web Design and Development Tips, Tutorials and [Re]lated [Re]sources
Apr 1st, 2008 by admin
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!
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 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
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 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 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.
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.
Mike’s Sketch Pad includes a lot of great fonts but some of them can only be used for non-commercial purposes so be sure to check out the creator details.
Modern Life is an elegantly-designed site run by a skilled designer who recognizes the power of good fonts and shows you some recently successful examples.
TypeTester won’t work for every font but is extremely useful for those it has and to give you a general idea of what different fonts will look like in different situations.
1001 Free Fonts is yet another source for free fonts if the above resources weren’t enough.
Other Great Web Design and General Design Resources
The Landing Page Composer is one great way to go if you aren’t much of a designer and don’t intend to be. It is a program that allows users to create a range of landing page designs from basic templates using a remarkably simply graphic user interface.
Open Source Web Design is a trading post of sorts for web designers to share free web design templates with one another for the common good of web design and designers.
Blue Vertigo is a hodge-podge collection of free resources for web designers including stock photography sites and free fronts, brushes and clip art.
Browser Shots is a great pre-final test site for web designers. The site allows you to see what your design will look like in various browsers.
Top 50 Logo Design Tutorials is a useful collection of logo design guides, accompanied by screenshot images, that range in content from simply elegant to striking and complex.
51 Photoshop Text Effect Tutorials Many designers fail to see the importance of text and text effects as a critical component of quality web designs. These text effects are an essential part of any web designer’s toolbox.
9 Essential Principles for Good Web Design is another good place to start and get your bearings if you’re a relatively new designer or want a refresher course.
Tags: Color, CSS, Design, Fonts, Graphics, Links, Web Design
Posted in Aesthetics, CSS, Graphics, Tools, Tutorials, Web Design
47 Responses to “42 Must-Bookmark Resources for Web Designers - Inspiration, Design, Color, Fonts and More”
-
on 01 Apr 2008 at 8:20 pm1Digital Revolutions
Extensive, and quite inclusive. Good list.
-
on 02 Apr 2008 at 9:00 am2Elijah
Great list, I especially liked the zen garden.
-
on 02 Apr 2008 at 9:12 am3Kung Foodie
The irony is that most designers probably already have these sites bookmarked.
-
on 02 Apr 2008 at 9:37 am4Joost De
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.
-
on 02 Apr 2008 at 9:47 am542 Essential Web Design Resources [w/Links to 100s More] « Scorchman’s Weblog
[…] read more | digg story […]
-
on 02 Apr 2008 at 10:07 am6RXaver Bookmarks for March 9th through April 2nd | Disruptive Technocrat
[…] [Re]Encoded dot Com » Blog Archive » 42 Must-Bookmark Resources for Web Designers - Insp… - […]
-
on 02 Apr 2008 at 10:08 am7JaxSean
Very nice - bookmarked!
-
on 02 Apr 2008 at 10:20 am8Geoserv
A few I wasn’t aware of as well, thanks for posting.
-
on 02 Apr 2008 at 11:06 am9Bob Lawrence
Great list. I have a bunch of these tools bookmarked now. Tossed those out and bookmarked your post. Nice work.
Bob L.
-
on 02 Apr 2008 at 11:06 am10Bob Lawrence
Great list. I have a bunch of these tools bookmarked now. Tossed those out and bookmarked your post. Nice work.
Bob L.
-
on 02 Apr 2008 at 11:19 am11Links for April 2nd | noahcarter.com
[…] 42 Must-Bookmark Resources for Web Designers - Posted in Uncategorized | […]
-
on 02 Apr 2008 at 12:26 pm1242 Must-Bookmark Resources for Web Designers - Inspiration, Design, Color, Fonts and More
[…] See the List […]
-
on 02 Apr 2008 at 12:51 pm13Dude
WoW another list of web design resources - Just what the world needed!
-
on 02 Apr 2008 at 1:04 pm14Davzie
I can’t believe that another one of these golden lists somehow managed to weed its way to the front page. *sigh*
-
on 02 Apr 2008 at 1:16 pm15» Blog Archive » 42 Must-Bookmark Resources for Web Designers - Inspiration, Design, Color, Fonts and More
[…] [Re]Encoded dot Com » Blog Archive » 42 Must-Bookmark Resources for Web Designers - Insp… […]
-
on 02 Apr 2008 at 2:18 pm16Eternal Sunshine » Blog Archive » Another Resource Link I’ll Never Have Time To Look At
[…] 42 Must Bookmark Resources for Web Designers […]
-
on 02 Apr 2008 at 2:54 pm17Mainataining a morgue « It Curves to the Left
[…] [Re]Encoded dot Com » Blog Archive » 42 Must-Bookmark Resources for Web Designers - Inspiration, D… […]
-
on 02 Apr 2008 at 3:37 pm18Inspiration, Bookmarks For Web Designers - dkmwebdesign
[…] sites like reencoded we can get that website built in no time, reencoded has a extensive supply of bookmarks and resources to help inspire us to […]
-
on 02 Apr 2008 at 3:39 pm19Chris Carlson » links for 2008-04-02
[…] 42 Must Bookmark Resources for Web Designers (tags: webdesign resources) 06:39:45 pm on April 2, 2008 | # | […]
-
on 02 Apr 2008 at 5:23 pm20stacy
is it supposed to be a joke that the most horridly designed ad FOR a web designer is at the bottom of this list? (Aaron Stokes? Flashing ad? Anyone?)
-
on 02 Apr 2008 at 5:28 pm21Cool Links #2 (With some not-so-cool links) « TEACH J: For Teachers of Journalism And Media
[…] Links #2 (With some not-so-cool links) April 2, 2008 — teachj ReEncoded.com - 42 resources for designers. I haven’t even gone through all the links yet, but many of […]
-
on 02 Apr 2008 at 5:36 pm22links for 2008-04-03 | Disruptive Technocrat
[…] [Re]Encoded dot Com » Blog Archive » 42 Must-Bookmark Resources for Web Designers - Inspiration, D… (tags: web design) […]
-
on 02 Apr 2008 at 6:38 pm23links for 2008-04-03 at DeStructUred Blog
[…] [Re]Encoded dot Com » Blog Archive » 42 Must-Bookmark Resources for Web Designers - Inspiration, D… (tags: webdesign design inspiration css resources tools tips web blog) […]
-
on 02 Apr 2008 at 7:46 pm24tonetheman
also crossbrowsertesting.com is a good site. easy way to test different os/browser combos.
-
on 02 Apr 2008 at 10:31 pm25Skylog » Blog Archive » links for 2008-04-03
[…] 42 Must-Bookmark Resources for Web Designers - Inspiration, Design, Color, Fonts and More (tags: layout) […]
-
on 02 Apr 2008 at 11:50 pm26Dima Bilan
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 ! -
on 03 Apr 2008 at 12:32 am27John
nice work, good to see Zen Garden on the list.
-
on 03 Apr 2008 at 2:17 am2842 Essential Web Design Resources | webbiee
[…] “Organized into 6 helpful categories (awesome design inspiration, web design guides, handy color tools, great free fonts and more) this collection links directly to dozens of essential resources for web designers and design lovers as well as other to other invaluable web design resource lists. This is one that designers of all kinds should bookmark!” Here […]
-
on 03 Apr 2008 at 2:36 am29links for 2008-04-03 « Bob’s Weblog
[…] 42 Must-Bookmark Resources for Web Designers - Inspiration, Design, Color, Fonts and More This collection not only has useful resources but also categorized links to other lists with 100s more. (tags: css development html javascript PHP webdesign) […]
-
on 03 Apr 2008 at 4:57 am30sonal
Than You For great resource
-
on 03 Apr 2008 at 9:56 am31aprenda webdesign | GOMA DE MASCAR | Quando explode faz pop!
[…] caso o vídeo não sirva, tenta este site com boas dicas de webdesign. publicidade: April 3, 2008 […]
-
on 03 Apr 2008 at 12:18 pm32Resurse pentru webdesigneri şi webmasteri | CNET.ro
[…] - 74 Great Web Apps for Web Designers we have forgotten about- 70 Resources Professional Web Designers Choose to Follow- 65 Resources for Grid-Based Design- 42 Must-Bookmark Resources for Web Designers - Inspiration, Design, Color, Fonts and More […]
-
on 03 Apr 2008 at 2:27 pm33This is what I find when I get distracted… « The world as viewed by Nicosilva
[…] 3, 2008 First of all, here’s a site I found via digg.com: 42 Must-Bookmark Resources for Web Designers. Might not be too useful for us at this point in the class, but they’re interesting links […]
-
on 03 Apr 2008 at 3:35 pm34links for 2008-04-03 « toonz
[…] [Re]Encoded dot Com » Blog Archive » 42 Must-Bookmark Resources for Web Designers - Inspiration, D… (tags: css tools tips) […]
-
on 03 Apr 2008 at 5:43 pm35Creativisual Blog | Edmonton Marketing Web Design » Blog Archive » Topics for the Week of April 1st
[…] 42 Must Boomark Resources for Web Designers Create Spectacular Concept Art in Photoshop […]
-
on 03 Apr 2008 at 6:32 pm36Steven Snell
Thanks for the link. I’ve received a ton of traffic the last few days from it.
-
on 04 Apr 2008 at 2:26 am37Guide to web design, web hosting and web stuff |Budget Hosting Blog.com
[…] other invaluable web design resource lists. This is one that designers of all kinds should bookmark!read more | digg […]
-
on 04 Apr 2008 at 2:55 am38Martyn
I’ve also bookmarked this, fantastic thank you.
-
on 04 Apr 2008 at 10:16 am39Devlounge | Friday Focus 04/04/08
[…] Design - 42 Must-Bookmark Resources for Web Designers - Inspiration, Design, Color, Fonts and More […]
-
on 04 Apr 2008 at 3:42 pm40» 42 Resources for web designers at Creative Design - Inspiration through collaboration.
[…] Get it here! Design, Resources 0 comments Add a comment […]
-
on 04 Apr 2008 at 7:54 pm41moserw
Great comprehensive list. This will take some time for me to go through and read up on. Thanks a lot!
moserw
http://www.nela.in -
on 06 Apr 2008 at 3:00 pm4242 Essential Web Design Resources [w/Links to 100s More] | White Sands Digital
[…] other invaluable web design resource lists. This is one that designers of all kinds should bookmark!read more | digg story Share and Enjoy: These icons link to social bookmarking sites where readers can […]
-
on 07 Apr 2008 at 7:50 am43RodeWorks » Flickr Web Design Inspiration gallery
[…] [Re]Encoded dot Com » Blog Archive » 42 Must-Bookmark Resources for Web Designers - Inspiration, D…Inspiration: pMachine on Flickr - Photo Sharing! […]
-
on 07 Apr 2008 at 11:49 am44IDX
Must bookmark is right. Great work.
-
on 09 Apr 2008 at 1:47 am45Top Software Development Company India
this site is good
-
on 10 Apr 2008 at 2:54 am46ZieDesign | Blog of a Freelance Designer » Blog Archive » 42 Essential Web Design Resources with Links to 100s More
[…] read more | digg story Posted by Zie on April 10th, 2008 Filed in Design […]
-
on 11 Apr 2008 at 4:21 pm47Brad Bodine
Thanks for the great sites. I have not found many of these mentioned in your post.


