Log — Latest

Display:

  1. SkillSwap Goes Typographic

    Right. I’m blitzing this. Two posts in one day. It’s unheard of! I’ve finally managed to put up my slides together from SkillSwap Goes Typographic:

    The night was fun and informal — heaps of people thinking, talking, and asking about web typography; a treat! The Clearlefties were great hosts in the day, and a special thank you goes to James Box for looking after and inviting me, and to Natalie Downe for helping James organise a fun, relaxed night. The pub inevitably followed with more type talk, and Señor Richard Rutter generously gave me a bed for the night in his fantastic house. The walk to the office in the next morning along the seafront was also a treat. Almost as good in fact as riding the travellators at Gatwick when changing trains on the way there and back.

    Rich’s Facing up to Fonts talk had a lot of very well-researched detail about the technical aspects of web typography. I recommend downloading the slides. Mine had some food for thought and a bit on technical legibility. Between us we seemed to cover quite a lot of ground. Thanks for all the kind feedback both on and offline. Hopefully, I’ll make it back sometime and share a few drinks with the fantastic Brightonians again.

    Coming up on Saturday at SxSW, there’ll be more typographic musings from Richard Rutter and nefarious others including myself at Quit Bitchin’ and Get Your Glyph On. I tagged them good in the previous post. If you’re going to be in Austin, say hi!

    Share

  2. Seven Things

    Stylized 7

    Meme is a funny word. I remember interrogating the hive mind of Google to understand what it meant not that long ago. Participating in one (or rather, perpetuating one) is something that always escaped me, but it seems I’ve been stitched up by my mate, Chris Shiflett, and new colleague, Rob Treat. When infected with this meme, you post seven things people might not already know about you. There’s no penalty for not doing it, but apparently you get props for passing it on to seven other people after you’ve done your bit. I’m going to pick on designers!

    Meme: ‘A cultural item that is transmitted by repetition in a manner analogous to the biological transmission of genes’ — a term created by Richard Dawkins in his 1976 book, The Selfish Gene.

    An Internet meme is an evolved term. Cough — neologism — cough.

    Before I get to picking on anyone, I’d better get to the meat of this memetical sandwich:

    1. I once had a farm in Af-ree-ka. No, well, sort-of. I once helped to run a guest house and restaurant in The Seychelles. We did grow things. We used the radical method of throwing papaya seeds out of the kitchen door and being swamped by saplings a few weeks later. There were no lions. The guest house was in a place called Anse Volbert or the Cote D’Or (gold coast) — a seven kilometre strip of white coral sand on the island of Praslin.
    2. I once MCd with drum and bass DJs at a full moon party in Haad Rin, on Ko Pha Ngan in Thailand. It was an accident. The DJ box was open, Sang Som (sugarcane whiskey) was flowing freely, and Bob’s your uncle (or Jon’s your MC). The DJs were happy to oblige after cresting the anxiety curve and realising the dude who looks at least partly farang wasn’t completely awful. It was fun. I think.
    3. Wellington harbour in New Zealand has a shipping lane. You can hire Kayaks, too. When hiring a kayak they warn you explicitly not wander into the shipping lane because the ships will not stop (and probably can’t). The problem is that Wellington harbour is so stunning that it’s easy to spend your time rubber-necking rather than looking out for ferries. The shipping lane is not marked. The slightly-less-than-ambient signifiers that one might be doing it all wrong is a fog horn and the sight of a large ship’s bow heading towards you. I once did a cartoon-style, arm-flailing kayak-sprint in Wellington harbour.
    4. I love the water. I dream of living on a boat one day. For a while, I hunted octopus for food and trade. I’d go out with fins, mask, and the masters of Indian Ocean small boat fishing. While they practiced their craft with mercenary grace, I would flounder, spike in hand, barely making the bottom to chase the octopods before bursting to the surface gulping air. The best bit was hunting in the dive areas. While we hunted, the tourists observed, often slightly wild-eyed and with a disapproving air. Tenderise octopi by boiling them for three hours. The skin falls off and all rubberiness evaporates. Chop, mix with salad and a classic dressing and it’s heavenly grub.
    5. Once upon a time I wrote a book. It was never published, but had fans who used to sit at my mother’s kitchen table and read the lastest chapter. It was a tale of dashing up and down motorways in the dark from weekend to weekend, and occassionally from gig to gig, DJing. An autobiographical coming-of-age story, wrapped in a raw dose of youthful mischief and carnage. Sometimes I revisit it, smile indulgently at the sparse, brutal journalistic prose, and really wish it was indeed an improvement on the style of Ernest Hemingway, or Dale A Dye in Citadel, rather than a bad facsimile.
    6. My father is Singaporean Chinese. My mother is a bit of a mixture. You may have guessed this already. I love all sides of my heritage equally which may also be an obvious thing to say, but it’s not: When I grew up in what felt like a deeply racist place during the 70s and 80s my tendency was to fight the bigots with an exaggerated pride in my Chinese heritage. Things have changed since then. Now I’m just quietly proud of both. I like being from Blighty just as much as I like eating eating Singaporean food. I could sum it up in a sentence: Keep calm and carry on eating prawn sambal on toast.
    7. Eating a Granny Smith apple makes unmentioned parts of my anatomy itch. True story. I have no idea why. Some things are beyond explanation. If that reads like too much information, you have a dirty mind. :)

    I’m done! Ah, now who to tag? Well, as promised, some erudites from the design community. I’m late to the party as usual (the meme is dying if not dead) but what the hell. These guys are appearing on the SxSW panel, Quit Bitchin’ and Get Your Glyph On with me this coming Saturday, so finding out more about them if they have time would be great:

    Do your best, guys! Also being tagged are a few folks from around my way (type and geography):

    • John D. Boardley because he loves typography and lives in Japan
    • Rick Hurst who skates and rides, but what does he do when he arrives?
    • Joe Leech for his UX super brain and tales of adventure

    Oh yeah, and last but not least I’m supposed to post the rules:

    1. Link your original tagger(s), and list these rules on your blog.
    2. Share seven facts about yourself in the post — some random, some weird.
    3. Tag seven people at the end of your post by leaving their names and the links to their blogs.
    4. Let them know they’ve been tagged by leaving a comment on their blogs and/or Twitter. (JT note: Referrer stings do this for you mister rule-writer.)

    So, that’s the lot. A random post, I realise, but I hope it gave a little insight into yours truly. In mitigation I should say I have been threatening to write it for something like two months. If anyone has a spare day a week to lend me I’d be very grateful!

    Share

  3. Growing OmniTI

    Grow Collective and OmniTI logomarks, merged.

    ’Twas the week before Christmas, and all was hectic in the house.
 Or, at least, that’s how it seems! The last few weeks have been a little wild, culminating in one big event: I’m excited to announce that I’m the new Creative Director at OmniTI.

    One reason it’s such big news for me is because this is the first time I’ve been employed for many years. I’ve spent a long time in the fertile fields of freedom, or so it seems looking back. Before the turn of the new millennium, I spent most of my time skipping around the country and the world trying life on for size — finding amazing moments to punctuate the scrapes and mischief. Since then I’ve spent most of my time working with like-minded people from within Grow Collective. So, this event was a long time coming — over a year in fact — and all the better for it!

    The truth be told, I doubted if I would ever take a ‘proper job’ again. It may sound dramatic, but it was true! The ability to measure my actions by my own standards, decide what jobs I took, and report only to myself was too precious to me; I thought I’d be unemployable. It had to be something extraordinary to turn my head, and OmniTI is. In my view, it is the most important web company you’ve never heard of (especially if you’re a designer). If you’re a sysadmin, developer, or involved with the open source community, you’ll probably know that there’s hardly a single significant technology deployed on the Web today that someone at OmniTI hasn’t contributed to. If you use Apache, PHP, Perl, PostgreSQL (to name but a few), or frameworks like Cake and Solar, you’re probably reading books, using code or documentation that people at OmniTI have written, or helped create. They also have an awesome client list, featuring the likes of National Geographic, Digg, Facebook, Friendster and Ning. All that is exceptional, but not enough to pry me away from Grow Collective. The thing that tipped the balance was the culture.

    How I work is equally as important to me as what I work on, as anyone familiar with Grow will know. OmniTI started life as a family-run Internet and web operations company. It was founded by Theo, one of the world’s foremost authorities on Internet architectures, scalability and performance. Also there from the start were Theo’s equally talented brother, George, and mother Sherry. Since 1997, a lot of people I admire — like Chris — have found a home at OmniTI. They’ve grown in almost the exact opposite direction to most other companies: from operations, to data management, to web application development, and now to interface design and user experience. It means OmniTI can create and build complex web applications, but also deploy the infrastructure to support the hundreds of millions of people who might use them. They have a special approach to their work with an engineering rigor to what they create and manage. They’re a family-orientated and collaborative culture, with one of the lowest staff turnaround rates in the industry. I think it’s exceptional.

    So, when my equally exceptional friend, Chris, asked me if I’d consider joining them, I had to give it serious thought. A year or so later, and here we are. I’m stoked! Chris has also shared his generous thoughts on behalf of the company in the official article.

    A few people have asked about Grow. Up ’til now I’ve been unable to talk about it, but now I’m happy to also announce that Jon Gibbins is joining me at OmniTI! He’ll be a core component of the interface design team. Officially, he’ll be an accessibility engineer. A posh-sounding title that basically means he’ll be doing what he does best: accessibility consulting and training, interface development and quality assurance. So, that effectively means that we’ve ported ourselves to OmniTI; the core of our small interface design team at Grow has been acquired!

    Our ambition, for a long time, was to expand the co-op to take on larger, more meaty projects, and work with more amazing people. However, being so busy with client work always made managing that problematic. We had some notable successes like Alan, who’s going to continue to practice his outstanding user experience design skills from Ezyas. However, there were a couple of disappointing experiences. It became obvious that some people were not suited to working within a co-op. Especially one with such a rigorous ethical and qualitative bias. The ambitions remained, though. As the deal with OmniTI was being fleshed out, it also became obvious that we could skip the pain of growing organically, and jump straight into an organisation that already had exactly the kind of people we wanted to work with, and the kind of projects we love to work on. Not only that, but the culture had strong similarities to the one we wished to create. So, effective from now, Grow is no more. The domain and the organisation is in stasis from this point. My emotions are mixed. Looking back, I’m proud of what was accomplished over the last six or seven years, and a little sad to see Grow Collective retire. Looking forward, I’m already engaged with fantastic projects, and thrilled to be working with such great people. I have a feeling that we’ll be working with Alan again soon, as well. The best is definitely yet to come, and I’m excited to be part of OmniTI — 2009 is going to be a great year!

    Share

  4. PHP Advent Seasoning

    Ladies and gentlefolk, I give you the two-thousand and eight PHP Advent Calendar!

    PHP Advent Calendar screenshot.

    As an aside in a season that gets rudely interrupted every year with a huge, great party, the PHP Advent Calendar is adding to the fray. Some of the denizens of PHP are sharing their wisdom from a beat-up old soap box in our quiet, geeky corner of the Web.

    The entire project was launched in a mad, two-day rush, which featured the guys with real talent setting up the server, propagating the DNS, and gathering the initial content. A couple of days after the first article, for my sins, I applied some style to the interface. Twenty-four hours of key-smacking later — and with a good dose of help from the indomitable Jon Gibbins — it was done.

    The project is edited by Chris and Sean with nuts and bolts help from Jon. It is kindly sponsored by OmniTI. I have to tell you, with almost no time to get it done, deadlines looming, colleagues sweating, and the world in general turning far too fast, I’m pretty pleased with the result.

    A single typeface is used throughout. It changes depending on availability, but this seemed like a good opportunity to stretch a face or two. (Writing that made me smile.)

    Although we would have loved to license and use various typefaces not currently available in operating systems, there just wasn’t the time. Without knowing the full range of glyphs the content might need, the faces currently licensed for @font-face linking (many with slightly abridged character sets) might not have had the range we need. So, I chose Baskerville as the primary face with various fall-backs from there. Hopefully the epidemic of the Baskerville italic ampersand will ebb soon, but there are many worse things in life to see on an almost daily basis.

    You might notice the use of the golden ratio, and an attempt to coerce our awkwardly independent browsers into rendering a baseline grid.

    As always, the content was king, queen, barkeep and god: I veered away from images as decoration, considering them unnecessary. I hope nothing overshadows the reading experience. With that in mind the interface is fluid, with a minimum width to stop it all collapsing into a narrow abyss. Most significantly though, the content is genuinely interesting. There are some choice pieces over there, and if you’re interested in PHP at all, swing by, grab the feed, or follow ‘phpadvent’ Twitter for fast updates.

    Share

  5. Display Type & the Raster Wars

    ClearType is 10 years old this Autumn. For most of that time it lay hidden until Vista brought it to the fore by default. Font rendering in Internet Explorer using ClearType is good for body copy at smaller sizes; it’s a huge improvement on the Standard rendering that preceded it. However, larger display text is badly rendered. I don’t say it lightly, but every time I load a page for testing in IE7, I wince at the jaggies. What makes this worse is that Standard rendering is better at display size anti-aliasing. I used to compose scales and size headers to take advantage of smoother Standard rendering at larger sizes.

    The context in which I view the text has the most influence over my reaction: Apple. I use a Mac. My browser of choice is Safari which uses OS X’s native ATSUI font rasterisation engine. Text is as beautiful as it can be on the Web right now. If text rendering in Firefox is disappointing in comparison because of the added weight, rendering in IE on Windows is positively distressing.

    The quality of the rendering is dependent on various factors like the display type (LCD or CRT), the display resolution that has limited pixel density, the rendering engine itself, and the quality of the font file — specifically the hinting of the typeface.

    ClearType was launched in 1998 at COMDEX by a celebratory Bill Gates. In a press release, the director responsible for the ClearType project, Dick Brass, was quoted as saying:

    ClearType makes inexpensive screens look as good as the finest displays, and it makes the finest displays look almost as good as paper.

    If only that were true. OK, it’s a press release, so we assume a degree of hyperbole from exaggerateers, AKA marketeers, writing the copy. But still. Let’s look at the evidence. I built a quick test suite using Georgia, Verdana and Arial because they’re some of the more commonly used Core Web Fonts. Here are screenshots of a heading set in Arial at 36px in different browsers:

    1. IE7 with ClearType on XP Pro:

    2. IE7 with ClearType on Vista:

      Sample thanks to Ryan Brill (he was the first of many kind replies via Twitter). Thanks, all!

    3. IE6 with Standard on XP Pro:

    4. Firefox 3 OS X:

    5. Opera 9 OS X:

    6. Safari 3 OS X:

    Compare the jaggies and dire anti-aliasing in IE7 using ClearType with the Standard Windows rendering of IE6. Also compare the heavier weight of Firefox using its own platform-independent engine with that of Safari using ATSUI.

    Factual insights about the differences from professional font, browser, or raster engine developers would be welcome in the comments.

    One of the reasons for the glaring difference between IE and Safari is a fundamentally different approach to web typography from Apple and Microsoft. Apple tries to render type as true to the original typeface design as possible, Microsoft uses grid-fitting when rasterising a font. There’s more in a previous article for those interested. Studies have shown ClearType to be more legible than Standard rendering, but they only compared the two. Expanding the study to test Macs and Linux-based PCs, as well as ensuring the test group was populated equally by people who use machines other than Windows PCs, would have all helped the results be more interesting.

    Type rendering anomalies are a serious issue for web design. Designers and clients with an eye for detail want typefaces to render accurately and smoothly. Shaun Inman is right:

    Until anti-aliasing discrepancies between platforms can be resolved I don’t see even a standardized approach being accepted by discerning designers.

    ClearType fails to deliver good anti-aliasing. In my view it is a backward step from the old Windows Standard rendering. I am at a complete loss to explain why it is allowed to persist. Especially because Microsoft Typography seems packed full of experts in the field. Surely they’ve noticed?

    Typography on the Web should at least equal the sophistication of print typography, if not enrich it. To do so, type needs to be rasterised correctly, and web designers need the ability to set it with much of the same subtlety and detail available in print. Until that time, technologies like Flash, PDF, and hacks like embedding type in images, will continue to thrive. Designers will use them not just because they ‘do type better’, but because they won’t have to deal with painful inconsistencies between user agents; the bane of the browser wars, and in this instance, the bane of web typography in what seems like the age of the raster wars.

    Share

Lately in the Log

  1. SkillSwap Goes Typographic Mon, 9th Mar 2009 {8}

    Right. I’m blitzing this. Two posts in one day. It’s unheard…

  2. Seven Things Mon, 9th Mar 2009 {10}

    Meme is a funny word. I remember interrogating the hive mind of Google to…

  3. Growing OmniTI Sun, 21st Dec 2008 {23}

    ’Twas the week before Christmas, and all was hectic in the…

  4. PHP Advent Seasoning Tue, 16th Dec 2008 {9}

    Ladies and gentlefolk, I give you the two-thousand and eight PHP Advent…

Remarks from the log

  1. By 7 in Complex Type: CSS Fix, ClearType Miss:

    Thumbs up on the css styled logo.

  2. By Mircea Piturca in SkillSwap Goes Typographic:

    So as I. Hopefully they will do something like this in Europe. I got so many questions to ask like what safe web font…

  3. By Sam in SkillSwap Goes Typographic:

    Thanks for the book recommendation Mircea, I will check it out as I wasn’t sure about Vertical Rhythm either. I…

  4. By mario oyunları in Display Type & the Raster Wars:

    i am using firefox 3 its better than ie6 and ie7 on xp

  5. By Chris Seidl in Seven Things:

    Oh geez, how did I miss that? Anyway, funny post. :)

  6. By Chris Seidl in Seven Things:

    The word meme was, I believe, originally coined by Richard Dawkins in his first book, The Selfish Gene. The intent…

People and XFN

Friends, colleagues and authors with interesting voices:

  1. Jon Gibbins (dotjay)

  2. Alan Colville

  3. Andrei Zmievski

  4. Ben Ramsey

  5. Chris Shiflett

  6. Denna Jones

  7. Ed Finkler

  8. Elizabeth Naramore

  9. Elliot Jay Stocks

  10. John D. Boardley

  11. Kester Limb

  12. Molly E. Holzschlag

  13. Nicola Pressi

  14. Peoples’ Republic of Stokes Croft

  15. Piotr Fedorczyk

  16. Richard Rutter

  17. Simon Pascal Klein

  18. Terry Chay

  19. Theo Schlossnagle

Work with me via ~ OmniTI ~ creative engineers.