I recently rebuilt my website as digital business card, which serves a simple purpose: Say hello, then point people in the direction of the places I inhabit on the web.<p>At the time I was playing around with the HTML5 boilerplate and Google web fonts, and it inspried me to try to implement the logos of the sites I link to with CSS rather than images.<p>You can view it at: http://colin-gourlay.com/<p>You'll need a modern browser to see the effects in action, but if you're still using IE6/7/8,I hope you can still appreciate the degraded appearance!<p>Is it effective? Are CSS + custom fonts not quite up to the challenge of simple image replacement like this? Am I just not doing it effectively?<p>I'd love to hear your thoughts.
I don't see any reason to replace logos with text, even if it can be done. You did it reasonably well, I just don't see the benefit.<p>Couple that with your abuse of stylized text (why is everything blurred?) and width that doesn't fit in my preferred browser size, and for me the 2009 site is WAY better.
When you said it was imageless, I assumed that you meant you base64'd everything into one CSS file to avoid multiple requests.<p>I think that would look a lot better, and it can degrade well for IE7 and under.<p><a href="http://www.phpied.com/mhtml-when-you-need-data-uris-in-ie7-and-under/" rel="nofollow">http://www.phpied.com/mhtml-when-you-need-data-uris-in-ie7-a...</a>
I really don't like it at all. All the blurriness gives me a headache. The Y Combinator CSS looks pretty cruddy.<p>I understand that you're doing a lot of experimenting, but it's probably better suited for test.html, instead of index.html...
The fact that it's CSS is cool, but apart from that (if you're not aware of that), it <i>looks</i> really bad (ie. the almost but not entirely right logos etc).