// 16.Jan.2010

How to Use CSS @font-face

Tim Brown has written one of the most comprehensive guides to font embedding with CSS that I’ve ever read. There’s some good information here and all the common stumbling blocks have been addressed.


// 14.Jan.2010

The 100% Easy-2-Read Standard

Most websites are crammed with small text that’s a pain to read. Why? There is no reason for squeezing so much information onto the screen. It’s just a stupid collective mistake that dates back to a time when screens were really, really small.

Read more: http://informationarchitects.jp/100e2r/


// 31.Dec.2009

Newzald: From Moleskin to Market

Kris Sowersby describes the process of designing and developing a typeface and taking it from concept to a commercial product — a process that took around two years to complete.

One thing is certain, typeface design is a long, involved process with many hours of seemingly endless tedium.


// 25.Nov.2009

Tyler Durden

Tyler Durden: "You are not a beautiful or unique snowflake" Poster

I’ve just found out that I’ve won this great poster from Travis Neilson. How cool is that? I’m thrilled.


// 23.Nov.2009

AOL Reveals New Logo(s)

Are they serious? Have AOL paid good money to have these logos “designed” or were they thrown together by somebody’s kid with MS Paint and a couple of stock photo’s?

Can I stop laughing now?


// 29.Oct.2009

About the Redesign of the Home Page

Pantone 5497 U

The paint has now dried on the redesign of the Urban Mainframe’s home-page. The celebrations have begun to diminish and normality is being restored. As the dust settles, I thought I’d write a little about the thought processes behind the design. I’d also like to document a few of the little tricks I’ve employed (because I’m ever so proud of them).

Despite trying various tweaks and reshuffles of the previous version of the home-page, I was never totally happy with it. Looking back, I think I tried to convey way too much information on that page, which made it look terribly cluttered. It simply didn’t “feel” right to me. The problem was that I had no idea of how to remodel it, no inspiration.

Continue Reading…


// 23.Oct.2009

Rich Typography On The Web: Techniques and Tools

Let’s face it: Web-safe fonts are very limiting. Maybe a dozen fonts are out there that are widely enough adopted to be considered “Web safe,” and those ones aren’t exactly spectacular for much other than body type. Sure, Georgia, Arial or Times New Roman work just fine for the bulk of the text on your website, but what if you want something different for, let’s say, headings? Or pull quotes? What then?

You have a few options. Many people just opt for more elaborate CSS font stacks, with their preferred fonts up front. But that still leaves a big chunk of your visitors seeing the same old Web-safe fonts.

Enter dynamic text replacement. In addition to font stacks, why not replace the heading text with an image, embedded font, or bit of Flash? These methods are easier than they sound and the end result is that the vast majority of users will see the beautiful typography you want them to see. A word of warning, though: don’t use dynamic text replacement for all of the text on your page. All that would do is slow it down and frustrate your visitors. Instead, save it for headings, menu items, pull quotes and other small bits of text.


// 17.Oct.2009

7 Cool Websites You Might Not Know About

The Parade of Autumn Begins Today
Photo Credit: “The Parade of Autumn Begins Today” by Brian Hathcock

“Something for the weekend sir?”

If you’re a little bored this weekend why not check out some of these great websites? There’s some amazing content here and I guarantee that you’ll be able to kill a few hours with these exciting Internet destinations. Continue Reading…


// 15.Oct.2009

Link Anthology #3

Golden Gate Bridge
Photo Credit: George Steinmetz/Corbis, © National Geographic

A directory of my recent bookmarks. Maximum coolness!

Continue Reading…


// 14.Oct.2009

10 Wonderful Fonts You Can Embed with Cufón and sIFR

Scripts like sIFR, Flir, and of course Cufón made it easy for developers and designers to be able to use nice fonts as such as Myriad Pro or Helvetica Neue and a lot of websites have taken advantage of these engines to beautify their typography with great-loking fonts.

This is clearly a great thing, because web safe fonts are extremely limitating. Though, there is a problem that many people seems to neglect: Lots of fonts licences — even free ones — don’t allow you to embed them on webpages, or redistribute them.

In this article, you’ll find a showcase of ten absolutely beautiful fonts that you can embed with @font-face, Cufón, sIFR, or Flir.