Text in columns

Monday 5 January 2004

Who’d have thought there was anything else to say about displaying text on screens? Everyone just creates a long vertical scroll, and gives the user a scroll bar. On top of that, the whole thing might be chopped into pages. But here’s another way: a few people have been trying out displaying text in columns no taller than the screen, then laid out horizontally. This gives a feel more like reading a book or newspaper.

Try it out at the International Herald Tribune. Read any story there, and notice the controls at the bottom of the page. The whole effect if very slickly accomplished, including the ability to click anywhere in the first or last column on the page to move in that direction, complete with highlighting of the action at the bottom of the page (try it, you’ll see). They also let you change the size of the type, with the page count adjusting automatically, and even the number of columns changing to properly accommodate the font.

It turns out the code to accomplish this trick is available at smokinggun (no, not the site that has Britney Spears’ marriage license application affidavit).

Another example of the same technique is Tofu, a text reader for the Mac.

Comments

[gravatar]
Ben Langhinrichs 8:52 AM on 5 Jan 2004

This is pretty cool. I might make use of this.

[gravatar]
Matt 10:49 AM on 5 Jan 2004

The columnar layout doesn't seem to work in Opera. Is this an IE only type of thing? I did try it on IE and it worked there, looks good too. Is there some browser detection going on?

After a little more looking, the source is different between the two browsers. The Opera version looks to be missing a lot of the CSS markup. I wonder why it's different?

[gravatar]
TG 4:59 PM on 5 Jan 2004

Whoa, late to the party!

It's amazing that IHT has had this for literally years now and it's still impressive and one of the few examples online of this approach.

It probably is browser-sniffing, and either IHT or Apple had to modify files to get it to display correctly on Safari -- basically it's not cut and dry everyday simple Javascript goin' on, and probably has glitches when straying from you-know-what-browser.

[gravatar]
Ben Langhinrichs 10:41 AM on 6 Jan 2004

Forget browsers, I want to make it work in the Notes client!

[gravatar]
scott pierce 2:29 AM on 15 Jan 2004

I love it. I noticed it about a month ago and mused to myself how much more enjoyable it is than the typcial vertical scroll. You still have to click but you don't have to scroll w/ your eyes as you do w/ a vertical layout. I am always having to come up w/ little strategies to find where I am and the where the next line is once I scroll down.

Add a comment:

Ignore this:
Leave this empty:
Name is required. Either email or web are required. Email won't be displayed and I won't spam you. Your web site won't be indexed by search engines.
Don't put anything here:
Leave this empty:
URLs auto-link and some tags are allowed: <a><b><i><p><br><pre>.