Bram Pitoyo, Etc., Links, Presentation

Learn How The Sans Serif Letterforms Came To Be In 3 Minutes

Presented by yours truly at Interesting Portland.

If this bores you to tears, see videos from all presenter that night.

Bram Pitoyo, Etc., Interlude, Links, Presentation

If You Spent Most Of Your Workday Staring At The Terminal Window

—then it’s probably worth to make the letters you see in that window more legible, and the text more readable.

I’ll be doing a bring-your-own-laptop workshop at Open Source Bridge about this subject.

(And the best thing is, if this session sounds boring, there are seventy-some more interesting ones.)

Open Source Bridge is the first ever volunteer run, open source technology conference—based in the lovely Portland, Oregon. I am proud to have been a supporter (and helper at times) to this exciting initiative. You can be a supporter as well, by registering and/or booking a room, and donating (you can’t lose with a $2 minimum, in my opinion)

Buck back to the font business. What do you mean by making letters and text read better? you ask. You can read more about it here, but I’d rather give you more explanation here.

Legibility and readability is two different, but interrelated subjects. One concerns itself with how easy it is to distinguish individual letter. What makes an ‘a’ an ‘a,’ for instance? We claim that our eyes will instinctively know it when we see it, and know it when something looks wrong, but, really, what’s in an ‘a’ that makes it look like a proper ‘a’?

This will be addressed with many pretty pictures of alphabets and history.

Readability concerns the character set as a whole. For instance, a font that may possess legible characters—where every alphabet looks proper and distinguishable—may not be as readable because the reader can’t read it well, or fast enough. What’s the problem, then? Reductivist beware: it turns out that our eyes don’t read individual letters, but scan over the 1) letter’s top half, and 2) space between and inside the letters. This means that things like line length, work spacing, letterspacing (tracking), leading (line-height) and color all plays a role in deciding how effective you can read a piece of code.

This will be addressed with slightly less pretty pictures.

Finally, now that you know the principles behind what makes something read better, I will introduce you to tools to experiment and make your own. But making a whole font from scratch is tricky, you said, and I don’t really mind the current type that I’m using, except for a few characters. Not to worry, there is a trick to easily do this.

Oh, did you say that you want to make an entire pixel-based programming monospace font from scratch? That’s possible, too. This type of font is a good place to start designing from.

And we’re going to use open source software and free tools to do this. Bring your laptop. I’ll see you there.

Bram Pitoyo, Etc., Interlude, Presentation

Beer And Blog: How To Make Your Blog Read Better

UPDATE: The presentation is now available for viewing and download.

This Yesterday afternoon, Justin Kistner Direct Messaged me, saying that he had a spot open for tomorrow’s Beer and Blog. He then asked if I have a topic that I would like to share.

And I thought: typography for the web, of course

So if all goes well, tomorrow’s Beer And Blog presentation is going to cover best practices to make your blog read better. It’s going to be light on the technical and heavy on the tips (and visuals.) We’ll discuss simple things that you can do to improve legibility and readability.

What things? You know, like selecting the right typeface for the job and adjusting it accordingly. And, who knew, maybe you’ll learn a thing or two about our reading behaviors, too.

The most subtle typographic difference can make your next great post read like butter.

Are you ready?