I <3 Steve McConnell*
Coding Horror
programming and human factors
by Jeff Atwood

December 19, 2006

Eric Lippert's Purple Crayon

Eric Lippert is one of my favorite Microsoft bloggers. He's one of those people who reminds you that Microsoft, despite all its problems, still employs a lot of incredibly thoughtful, near-genius programmers. Take a look at his greatest hits:

But really, it's hard to single out any one post. I could go on and on with the hyperlinks. Eric has the singular gift of all great communicators: he can make any topic interesting.

Unfortunately, every time I visit Eric's blog for yet another Fabulous Adventure in Coding, my eyes are assaulted by the unholy combination of purple and Lucida Sans Unicode:

some hot, sweet purple Lucida Sans Unicode action

Ow. Ow. Ow. Seriously. Ow. Why?

I'm reminded of a certain Harold who is also quite fond of purple.

Harold's Purple Crayon

I understand we all have our own personal quirks. But it's been over three years now. I'm staging an intervention, right now, right here. Your content is incredible, Eric, but the presentation is killing your poor readers' eyesight. It's time to let go of the purple crayon. Have pity on your sad, weary-eyed readers. We're begging you.

We're not asking you to give up your individuality. You can keep the Tilley Hat.

* even Eric's throwaway comments are worthy of entire blog posts.

Posted by Jeff Atwood    View blog reactions
« Code Tells You How, Comments Tell You Why
The Day The Trackbacks Died »
Comments

I luv my feed reader. ;-)

Pierre Phaneuf on December 20, 2006 12:33 AM

Sounds to me like you need the Gresemonkey plugin for Firefox:
https://addons.mozilla.org/firefox/748/

Casper Bang on December 20, 2006 3:46 AM

What's wrong with purple? True, it'd be better with a lime green background, but we can't all be perfect, can we?

Heh... captcha is "orange".

Randolpho on December 20, 2006 6:35 AM

I would never, NEVER have chosen a purple font myself; but honestly, I don't find it all that off-putting or hard to read.

Ian Johns on December 20, 2006 6:43 AM

RSS reader, duh.
Also you can always feed your browser with custom .css file.
No messing around with text color!

Anton on December 20, 2006 8:36 AM

I never saw a purple page,
I never hope to read one.
In fact, a purple page is one
I'd sooner read the feed from.

(With apologies to Frank Gelett Burgess)

Nick Fitzsimons on December 20, 2006 9:09 AM

You only can use what the institution provides.
--Nurse Ratchet

Nurse Ratchet on December 20, 2006 9:15 AM

My favorite Eric Lippert posts have been his "Riddle Me This, Google" series. Here's a link to Part I, which has links to Part II and Part III:
<a href="http://blogs.msdn.com/ericlippert/archive/2004/05/11/130128.aspx">http://blogs.msdn.com/ericlippert/archive/2004/05/11/130128.aspx</a>

He analyzed his referral logs and found out what queries had brought people to his posts, then answered the questions in detail.

Examples:
Q: I have evil powers. How do I use them?
A: I'd tell you, but that would be morally wrong.

Q: How do you know when a 12 year old girl has a crush on you?
A: Does she giggle when you walk by? Whisper? Point? Chase you around at recess yelling "girl germs! girl germs!" ?

If you answered "yes" to any of those questions then she's a 12 year old girl who may or may not have a crush on you.

Remember, the only sure way to tell is to send a note that says "Do you love me? Check one: yes [] no []"

Q: How can a monkey be interviewed?
A: Lock James Lipton in a room with a monkey and a tape recorder, see what happens. Better yet, lock James Lipton in a room with a couple dozen monkeys. I'd pay good money to see that.

Jon Galloway on December 20, 2006 9:55 AM

/---
Q: Where do cufflinks come from?

A: When a mommy and daddy cufflink love each other very much… Seriously, any good formal wear store can hook you up with a nice pair of cufflinks.
/---

Umm Eric, I think they are asking why cufflinks were invented.

A: http://www.bondsthejewellers.co.uk/html/feature.php/fid/13/the_history_of_cufflinks.html

These miniature works of art actually predate the shirt. According to the
National Cufflink Society, evidence of their use can be found in ancient
hieroglyphics in King Tut's tomb. But cufflinks as we know them were first
used during the 1700s.

No one knows exactly when the cufflink arrived. Its first mention in
writing was in 1788, but for sometime before that buttons had ceased to be
decorative and cuff-fastening slits were being cut into clothing. The
ribbons or tape ties of the past were replaced with luxurious items, often
made with gold or silver and set with gemstones. These were an extravagance
reserved for the wealthy classes and were all hand-made.

Tim on December 20, 2006 11:27 AM

While I do think you're right about the awfulness of that particular combination, your own site is somewhat tiring to read long posts on as well. Why is the font size set to 80%? That's small enough to make it unnecessarily tiring to read (for me, on my particular browser, at least). Is there a reason why your text needs to be smaller than the browser's default size?

Also, you use a slightly grayish tone for your text. Why? Black creates a *much* better contrast. Example: compare the line "Posted by Jeff Atwood at December 19, 2006 10:23 PM" to the rest of the text in your post. This problem is worse in comments, where the background is gray(er) than the main page.

Oh, and I'm not really complaining, I normally use RSS for reading your excellent blog anyway, so these issues seldom bother me. You might want to think about them though. ;)

Anders on December 20, 2006 11:36 AM

> Black creates a *much* better contrast

Actually, test data proves that reading speeds are optimal when there's about 80% contrast, not 100%. While reading speeds are reduced with too little contrast, too much contrast has a similar effect.

http://www.codinghorror.com/blog/archives/000340.html

Jeff Atwood on December 20, 2006 12:58 PM

> Actually, test data proves that reading speeds are optimal when there's about 80% contrast, not 100%. While reading speeds are reduced with too little contrast, too much contrast has a similar effect.

Jeff your assuming I want you to think for me.

Tim on December 20, 2006 1:05 PM

Here's a bookmarklet that I use. It doesn't work good on Jeff's blog (text is still dark gray), but it helps on a lot of other sites. Feel free to adapt it (as I'm too lazy), if the blog comment engine doesn't chew it to pieces.

javascript:var w = window.prompt('Enter new body width', '50%'); document.getElementsByTagName('body')[0].setAttribute('style', 'font-family: sans-serif; color: black; background-color: white; width:' + w + '; margin: 0 auto; padding: 0; font-size: 12pt;');

AC on December 20, 2006 2:35 PM

Man, I get so sick of typing orange, maybe one of your readers could write a greasemonkey script that inserts it for me :)


Anyways, all this talk about font-color/contrast/size reminds me of this excellent post
<a href="http://www.informationarchitects.jp/100E2R/">http://www.informationarchitects.jp/100E2R/</a>

The 100% Easy to Read Standard.
I implemented (as closely as possible) on my blog, maybe your readers and even Eric might consider it too.

Des Traynor on December 20, 2006 4:07 PM

> Jeff your assuming I want you to think for me.

Why would he not design his site to be optimal for most people? If you find 100% contrast more readable, it's trivial to force the page to be black on white for you. In Opera, it's two clicks:
http://img141.imageshack.us/img141/5657/highcontrastnl2.png

It's slightly more complicated with other browsers, but I wouldn't expect creating a user css file to change font colors to be out of the reach of anyone reading this blog.

Thomas on December 20, 2006 9:44 PM

@thomas

First, it was a joke. And second, what I was referring to is the fact that his comment was about using what he found was the norm. But why must I follow the norm? I am an individual, I want the right to choose. I want the right to use purple on this blog, and gray on Eric's blog if I want.

I am all for "defaults" that are the tried and tested to be the most pleasing and easy to you. But don't forget about the individual. Jeff cannot call for an intervention of Eric's blog without opening up discussion for personal preference.

Tim on December 20, 2006 10:29 PM

Ok - so I setup a blog, and I see that "I" can pick my template, edit colors, html, etc. But I guess the end user's can't pick anything. Come on blog creators, allow the readers to customize.

Tim on December 21, 2006 1:25 PM

Note that if I remove your comment, it's because the comment is not on topic. If you want to contact me directly with any feedback, use the email link on the front page of the blog, not the comments for an individual entry.

Jeff Atwood on December 24, 2006 2:43 PM

Purple is a very calm color, how would it hurt your eyes? u make no sense!

Jeni on May 20, 2008 7:57 PM

Ok, here you go. I wrote a script to make Lippert's blog look like Coding Horror! http://userscripts.org/scripts/show/35132

Matt on October 7, 2008 11:41 AM

The Readability bookmarklet can help you against purple :)

http://lab.arc90.com/experiments/readability/

Thanks for your great blog!

rangzen on April 10, 2009 2:44 PM

Here's some irony: I found this article searching for a Greasemonkey script to change the font on this site (which is driving me insane). Looks great in IE, but almost unreadable in Firefox.

Lee on May 18, 2009 11:27 AM
Content (c) 2009 Jeff Atwood. Logo image used with permission of the author. (c) 1993 Steven C. McConnell. All Rights Reserved.