Bookmark Bliss: The Massive List of Web Design Resources

May 9, 2007 | Comments (20) | Filed under: Web Design

I’ll be the first to admit that when it comes to web design, I can use all the help I can get. In some aspects I’m very confident in my abilities, such as programming features in PHP, working with databases, or implementing layouts in CSS. In other aspects, I definitely need a helping hand such as logo design, graphics, and color coordination.

Unfortunately, not all of us have the luxury of a designer so we simply make the most of what we have at our disposal on any given project. Most of the time, that means it’s just one on one with Google. 

As a result, I’ve put together a massive list list of tools I’ve bookmarked that help me with my webdesign and I hope they’ll do the same for you…   

Web Design Inspiration

  1. CSSMania
  2. CSSElite
  3. CSSHeaven
  4. OnePixelArmy
  5. CSSImpress
  6. Screenalicious
  7. CSSClip
  8. CSSBlue
  9. DailySlurp
  10. TheBestDesigns
  11. Scott Wills Design
  12. WebCreme
  13. CSSRemix
  14. CSSImport
  15. StyleBoost
  16. 50 Sources for Web Design Inspiration

Tools for Testing Layouts on Multiple Platforms

  1. IE NetRenderer
  2. BrowserShots
  3. BrowserCam

Logo Design Inspiration

  1. Web 2.0 Logo Compilation
  2. LogoSauce
  3. LogoBlog
  4. LogoPond
  5. LogoLounge
  6. Misipile
  7. LogoMaid
  8. GoodLogo

Stock Image Resources

  1. Stock Exchange
  2. Wikimedia Commons
  3. Free Images
  4. Free Photographs Network
  5. Flickr Creative Commons
  6. Fotolia
  7. Deviant Art
  8. Morgue File
  9. Image Blowout
  10. iStockPhoto
  11. Pixalia
  12. PlinkMe
  13. Pyed.net
  14. ShutterStock
  15. Over 100 Stock Image Resources

Tools for Choosing, Analyzing, and/or Saving Color Palettes

  1. ColourLovers
  2. Adobe Kuler
  3. Colr.org
  4. Daily Color Scheme
  5. Easy RGB
  6. More Tools to help you select a Web 2.0 Color Palette

Font Resources

  1. 1001 Free Fonts
  2. Abstract Fonts
  3. Blambot Comic Fonts
  4. daFont
  5. Font Freak
  6. Font Garden
  7. Fontsville
  8. Graffiti Fonts
  9. High Fonts
  10. KillerFontz
  11. Sci-Fi Fonts
  12. Urban Fonts
  13. Who Fonted
  14. 75 Free Font Resources

Photoshop Design Tutorials

  1. Photoshop Cafe
  2. Bluesfear
  3. Photoshop Support
  4. Photoshop Gurus
  5. Photoshop Roadmap
  6. Tutorialized
  7. Tutorial Outpost

Applications that Dissect Images into Color Schemes

  1. Pic2Color
  2. Color Palette from Image Generator
  3. Mezzoblue

Favicon Generators

  1. Dynamic Drive
  2. FavIcon from Pics
  3. Favicon Generator
  4. Favicon Editor

Flash Tools and Snippets

  1. Flash Den
  2. SWF Tools
  3. The Best Designs
  4. FlashKit
  5. Flash Tutorials

Web Design Firefox Plugins

  1. Web Developer - Provides everything from page size tests to markup structure analysis
  2. Palette Grabber - Grabs the color scheme of a visited page
  3. Aardvark - Source code examination of pages
  4. FireBug - Everything you need to troubleshoot layout and scripting problems
  5. Colorzilla - Integrates a photoshop like eyedropper for obtaining color codes
  6. IETab - Lets you view page layouts rendered in IE from within Firefox
  7. HTML Validator - Helps you ensure your markup is always valid

I’ve already started to put together a followup to this post with the Massive List of Web Development Resources. Look for that in the next few weeks!

Have you found this list useful? If so, show your support by subscribing to our news feed. We’ve posted several other entries in our Bookmark Bliss series that you might find interesting as well…

  1. Bookmark Bliss: 75 Free Font Resources
  2. Bookmark Bliss: 50 Sources for Web Design Inspiration
  3. Bookmark Bliss: The Developer Cheat Sheet Compilation
  4. Bookmark Bliss: 30 Web Developer Community Forums
  5. Bookmark Bliss: 101+ Stock Image Resources
  6. Bookmark Bliss: 10 Tools to Help You Select a Web 2.0 Color Palette

20 people have left comments

whoa! that’s an awesome list! bookmarked it! thanks for sharing…

Johnny wrote on May 9, 2007 - 12:16 pm | Visit Link

I particularly appreciate the stock photo links. I’d break up that list by free unrestricted, free non-commercial and for fee. I’ll probably do that when I get around to it… I’ll shoot you an email when I do.
G

Virginia Greg wrote on May 9, 2007 - 3:01 pm | Visit Link

great list Chris
im sure readers will find it handy

Kevin wrote on May 9, 2007 - 10:30 pm | Visit Link

Will this also gonna make another peak in ur web traffic graph… .. Through Digg…

hem acharya wrote on May 10, 2007 - 1:07 am | Visit Link

i have found a bug in ur Digg API modification i guess check urself here

open this url with comment

u wont see a single digg.. digg numbers are “0″ but when u open the same URL withoult focussion on to comment removing #comment-1981 i.e.
without comment

diggs numbers are shown…

hem acharya wrote on May 10, 2007 - 1:11 am | Visit Link

Nope, I didn’t submit this article to Digg, but it got buried before it even came close to the front page. Seems like people are burying articles at an insane rate these days.

For example, I read a great article today on choosing the best workspace and how to make the most of limited space to improve productivity.

It got buried at Digg as well. It’s really obvious that most of the time people don’t even bother reading before they bury…

Thanks for the note on the Digg Plugin. I’ll see if I can fix that ASAP… FIXED!

stark wrote on May 10, 2007 - 1:37 am | Visit Link

That’s an awesome list stark!
I have most of them already in my bookmarks!
I have digged it as well :)

Frucomerci wrote on May 10, 2007 - 3:37 am | Visit Link

Wow! A very comprehensive list. This could take me days to get through but I know it will come in handy.

Bret wrote on May 10, 2007 - 8:20 am | Visit Link

Thanks for the extra Diggs :) If only there was a way to become unburied!

Here is a question for my digg plugin, if an article gets buried, do you think I should just hide the button regardless of how many digg’s it obtained? There really is no reason to keep it other then as a sort of symbol that your article did well…

What do you guys think? I am inclined to just hide the digg button for any article that doesn’t reach the front page within the 24 hour limit, unless it is really close…

stark wrote on May 10, 2007 - 4:42 pm | Visit Link

Stark,,, how about sharing the modification u did for DIGG…

i m not good at digg terms ..and i dont use digg so often ..
if a digg is burried is somebody the digg number is reset or what?

y would u want to hide the digg button anyway… u were ok with digg button with zero diggs before ha ha ;-)

hem acharya wrote on May 11, 2007 - 3:27 am | Visit Link

please correct

if a digg is burried is somebody the digg number is reset or what?

to

if a digg is burried by somebody the digg number is reset or what?

hem acharya wrote on May 11, 2007 - 3:29 am | Visit Link

I was ok with zero diggs, but the reason I was is because my own research found that people are much more likely to digg your article when they visit the article itself, then they are to do it from the Digg website. So at the time, my only choices were show it all the time, or manually set it for posts…

Now, you can have a lot more freedom. I am trying to figure out the best system to use that makes the site look decent and also encourages diggs for the longest period of time.

I’m just messing around with it right now, but as soon as I have say a beta version working, I’ll post it here for everyone who wants to to try out. Maybe in the next week or so, I just gotta find a few hours to finish it up…

stark wrote on May 11, 2007 - 10:57 am | Visit Link

stark,,,that will be good ……

i will have to be familiar with digg lil more…

hem acharya wrote on May 11, 2007 - 11:45 am | Visit Link

Amazing, I won’t sleep tonight (it’s 00:56 am in my part of the world). One question, though: how about GIMP and the likes of it? Some people cannot afford Photoshop, you know :-)

A.M.Sall wrote on May 14, 2007 - 7:58 pm | Visit Link

Haha, that is a good point. I used to use the gimp religiously before I got into Photoshop for exactly that reason. It was free, and it was pre-installed in all my linux setups.

I’ll see if I can find some good tutorials and sites, and do a follow up sometime in the future!

stark wrote on May 14, 2007 - 10:28 pm | Visit Link
Skylog » Blog Archive » links for 2007-05-11 wrote on May 11, 2007 - 1:18 am | Visit Link
  Link Roundup - 15th May 2007 wrote on May 15, 2007 - 3:07 am | Visit Link
118 Blogging Related Bookmarks Knowledge Base wrote on June 17, 2007 - 3:02 pm | Visit Link
Tools for Testing your Web Design | Bookmark Bliss wrote on July 21, 2007 - 1:14 am | Visit Link
Bookmark Bliss: The Massive List of Web Development Resources | Bookmark Bliss wrote on July 25, 2007 - 12:36 pm | Visit Link

feel free to leave a comment

Comment Guidelines: Basic XHTML is allowed (a href, strong, em, code). All line breaks and paragraphs are automatically generated. Off-topic or inappropriate comments will be edited or deleted. Email addresses will never be published. Keep it PG-13 people!

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>

All fields marked with " * " are required.