Yesterday I came up with a new favicon for the site.
The previous favicon -- actually favicons -- were shrunk-down letters cut from a now very old version of the logo. I couldn't decide which one so I made a favicon for every letter in the name and had it randomly select one every time the page was rebuilt.
The old favicons, though not without a certain charm, I decided were getting a little too out of step with the new design so I decided to make a make a new favicon based on the new logo, more specifically, its first letter b.
My first thought was to have just the first letter with a radial gradient from white to transparent. This would create a cool, unexpected halo effect when the icon would be displayed in front of background color (google's new favicon does this, if you haven't noticed).
So here's my starting point:

Sharper eyes will notice that I'm using a pretty old version of photoshop.
Anyway, shrunk down this looked like this:
And I thought that looked OK. The transparency effect when you selected a page with this icon history menu in Safari looked so much cooler that I decided to experiment with that.
My next attempt was to try changing the radial gradient from white to the sky blue color that the site uses as a background.
This ended up looking something like this:
... which didn't really do it for me.
Next I tried reversing the direction of the gradient. The result of this attempt was:

Now we're getting somewhere.
But there's a problem: the little 'b' just looks like a random scribble outside the context of other letters from this font, especially when scaled down this small.
I rasterized the type layer and used the clone stamp tool to make a fake 'b' that looks more recognizable under these conditions, and played around with the gradient scale.
At full size, this attempt looked like this:

A resized version of this is the final version of the favicon.

And that's my favicon story.