Very interesting post, describing how to use color replacement to get favicons appear more readable at tiny sizes (in particular the favicon size of 16 x 16 pixels):
Modern pixel art //case: YouTube
Useful design tools
Here is a list of some useful design tools:
Typography
In-browser debugging
Besides the obvious reference to Firebug for Firefox, these can be useful: