Web Typography for the Lonely

Web Typography for the Lonely is an ongoing collection of experiments and writings on, you guessed it, web type. Each entry features a demo and write-up explaining how the result was achieved.

Do you find your relationship with typography more fulfilling than any other? Do you remember complex lines  of Javascript off by heart but forget your best friend’s birthday? Do you feel that CSS3 just may be your soul mate?

If you answered yes to any of these questions the chances are you may end up lonely… but don’t despair, there’s a website for you: WebTypographyfortheLonely.com

Web Typography for the Lonely is an ongoing collection of experiments and writings on web typography and the possibilities of standards-based web design. It aims to inspire the web community by pushing the boundaries of what is both possible and practical in web standards in a manner that is compelling and exciting to the visually-minded creative.

Web Typography for the Lonely

Created and maintained by Baltimore based designer Chris Clark, each entry features a demo and write-up explaining how the result was achieved. Check it out!

Trent Walton pushes the boundaries of web type

I like Trent Walton’s blog. He is clearly a thinker, but more importantly, he is also a doer. Based in Texas, Trent designs a unique look for each of his blog posts and demonstrates the exciting possibilities of what can be achieved in web typography through a combination of CSS and Javascript. And yes, of course the layout is responsive!

Here are some screen shots of his latest entries, but to experience all the little surprise details first hand you will have to go to trentwalton.com and snoop around. For the richest experience, use a Webkit based browser like Chrome or Safari.

Trent Walton

Trent Walton

Trent Walton

Trent Walton

As an aside, take a look at the cool folding effect Russ Maschmeyer put together on Typekit based on the above post.

Trent Walton

For more of Trent Walton’s work, take a look at his web design agency Paravel. Besides client projects, they create some awesome and useful Javascript tools for web typography like Lettering.js for down-to-the-letter control and Fittext.js for scalable headlines that fill the width of a parent element.

Interactive type design game

Hey, remember that kerning game from a couple of weeks ago? Well there’s a new game which is a little more challenging: Shape Type.

Hey, remember that kerning game from a couple of weeks ago? Well there’s a new letter shaping game, also created for Method of Action by Mark Mackay.

What is the point of these games? Well, it’s not quite clear to me, but Method of Action claims to be launching a design course for programmers soon and their blog hints at the possibility that these games will be playing a role:

When Method of Action launches, you’re going to need at least 90/100 to pass this mission, so get practicing!

In my opinion shaping letters is a little more challenging than kerning. The characters are all from well known typefaces, so the result is much less subjective than that of the kerning game. Success depends heavily on your ability to recognise aesthetic correctness of a character’s curves, so give Shape Type a whirl and see how you fare. Oh, and don’t forget to Tweet your score!

Shape Type - a letter shaping game

Cool interactive kerning game

This is the perfect form of procrastination. Not only will you be putting off that important thing you need to do, you will be sharpening up on your typographic skills at the same time!

Type nerds alert! Here’s a super fun kerning game to try your hand at: type.method.ac.

Created in HTML5 by Mark MacKay this is the perfect form of procrastination. Not only will you be putting off that important thing you need to do, you will be sharpening up on your typographic skills at the same time. Each of your ten solutions will be compared to a crowdsourced solution and scored based on similarity. If you feel your solution is better than the one suggested by the game, you are able to submit it.

Kerning Game