stevengharms

ē ē

During my training the HP presenters ( who make great use of Futura-type face ) had an estimation of a transfer speed which was listed as:

11 Gbps/Sec

Which led me to ask:

“It takes 3.14159 Gbps/Sec?”

Font-dork jokes

If you don’t get it, look at the link above and imagine two 1s together, with tight inter-glyph spacing, or kerning, it looks like the π gyph

Two of my favorite seminars from SXSWi centered around typography, and specifically typography concepts applied to web design.

The first course was entitled “Grids are Good and Why you should use them” delivered by Subtraction.com’s owner Khoi Vinh and Mark Boulton. The second was entitled “Web Typography Sucks” delivered by Mark Boulton and Richard Rutter.

I highly recommend that you take advantage of the presentations that they’ve put online of these. These visual aids are great and really got me thinking about how grids could help me design better web page layouts.

I’ve not yet managed to integrate their lessons into my own theme yet ) or, if I have, I have done so unconsciously ), buuuuut think that I may try to put together a grid-based theme at some point in the future ( although I’m exceedingly loth to deal with PHP hell again any time soon ).

I’ve actually been quite inspired since I took the class and have acquired several key books on the topic:

• Josef Müller-Brockman’s: Grid Systems in Graphic Design
• Meggs’ History of Graphic Design
• Making and Breaking the Grid by Timothy Samara
• Bringhurst’s The Elements of Typographic Style

Between these few tools, I really found my vocabulary embiggened in terms of graphic design. Much like the dreaded “blub paradox” - you don’t know that there’s a richer, more scientific, and more structured way of looking at layout and even paper itself until someone teaches you that there’s a vocabulary out there, of which you are largely ignorant, that explains something you take for granted, and which you are frequently thankful and rely upon.

Another SXSW speaker, the pre-stalker-meltdown Kathy Sierra described this as having “a higher-res experience”. She described that having worked a mixing board, she can’t go to a concert without noting when the mix is just a little bit off.

“Oh gee, just a little bit more base in the snare….”

I suppose it’s similar to the frustration I experience watching others play video games I love. I’m horrible to do this with.

“What, of course the big pile of toilet paper is what you need to roll into your Katamari next! No go in reverse about 20 revolutions, hang a….dammit why are you rolling up those rinky-dink spiders, that’s bull… ( sorry, Mom )”

Infused with a new-found love for grids and an understanding of their hidden, subtle, yet powerful ordering presence ( it’s like pyarimadine sugars that way ), I thought of one of my favorite philosophy book covers. The cover from Ricœur’s The Conflict of Interpretations by Northwestern press.

I took a scan of the page and then proceeded to add a grid to it to try to understand the layout and positioning used. To me it’s very European, very clean, very modern, and the presence of that much Helvetica adds to the sense of rationality.

Take a look at the gridded scan as I describe features.

The unit of measure seems to be squares of 16 pixels. From these pixels larger blocks are fabricated. The vertical space between the text and title area to the picture is 320pixels = 16×2×10. The space between the “y” in Phenomenology is 88 pixels to the left edge of the “I” in Interpretations. 88 is 16×5.

This is very interesting to me. As i started to look for more spaces I came to see the number 16’s central importance to this layout.

I don’t think I would have noticed, or cared that someone noticed and cared so much to lay things out as painstakingly as this. What I can say is that I’m hugely glad that those typographers at SXSWi gave this design amateur a chance to have a richer appreciation of their craft, art, and verily, science.

It’s all about √2

In Australia, the European continent, the UK, they all use A4 paper.

In the US we use letter.

( pretty picture of paper size comparison at Wikipedia )

A4 is a result of a rational design process ( just like Helvetica, you know the font that rules your life that so much that you don’t think about it ). Letter was a colloquial guess at how long and wide a sheet of beat tree-pulp should be.

I, personally, like A4 a lot better. Like most continental europeans it’s slender and allows room for perspective. Letter is short and squatty, by comparison ( analogy applies as well ).

Notably, our favorite faux-Brits, the Canadians, are on the US system. I suppose this is a symptom of economic imperialism.

Yet if that were so, why is Mexico on the A4 standard? Maybe Canadians aren’t as not-American as they like to proclaim ( loudly, and often )?

Better run, I hear the sound of ice skates, it might be an skate-by assassination.

I don’t understand why there isn’t more space between “(” and “)” in proportional fonts.

I find it very annoying (that the arc of the parenthesis is so close to the preceding or following character).

Wouldn’t it be better ( and you sometimes see this in my posts ), visually, if we put a space before the hook?

Yes I realize that some key keyboarding tropes would have to be re-learnt ( put two spaces after a full-stop and before or after a parenthetical token, as appropriate ), and that word-wrap algorithms would have to be taught some additional heuristics, but I find it ever-so much nicer to read.

In the monospace world, i.e. when you’re writing code in a text editor, it’s much more pleasing to follow this rule ( propz to Patrick D. for pointing this one out to me ).

Nasty

for (int i=0;i<=MAX;i++)

Better

for ( int i=0;i<=MAX;i++ )

Even Better

for ( int i=0; i<=MAX; i++ )

Additional spaces around the assignment operators, I can see that, but the additional spacing widens the measure of this for-loop construct and is much more pleasing to the eye, IMNSHO.

Now, you might be saying that “enter extra space” makes sense in a text editor, but it’s a real pain to do in my WYSIWYG word-processor ( Word, OpenOffice, etc.). I have to agree with you there, but that would seem to me that we should solve the problem by creating a parenthesis ligature. In addition to all the glyphs you know and love as part of a font ( A, “, Z, %, etc. ) there should be an “Additionally spaced parenthesis”.

Will anyone join my Jihad?