Hi, I’m Jon.
There is one 陳 Tan here (me) and I like to eat tangerines. When first thinking about life–long domains this one made me smile. Soon after, a respected colleague remembered it long enough to add me to his IM, after accidentally refusing my request. Thus jon tangerine dot com.
Fresh tangerines may be available soon, but until then this is merely a personal log, knowledge silo and sandbox.
I’m a designer and father of two boys living in sunny Bristol, UK. Originally brought up in the not–so–sunny, but equally loved Stoke–on–Trent, I took a rather circuitous route to Bristol via Singapore, The Seychelles (map 1, 2), London and Sydney.
Half of my genes are from Singaporean–born Chinese stock, the other half from the UK. So I'm a hybrid, and regularly dip my toe in both ponds and feel a quiet sense of pride in each.
When not working, I entertain, enrage and encourage my sons, who apart from being an order of magnitude more creative than I, are also the best spiritual sustenance and exercise regime I could ever wish for.
I first started designing with Lego. I still think it’s still the best metaphor for what I do today. From dabbling in print design using plate and press in 1992, I moved to digital design around 1995. A jack of all trades and master of none, the tension between artistic creativity, pedantic precision and wanderlust has characterised everything I’ve done, finally finding a perfect home in interface and information design today. Along the way I've worked as a marketing director, octopus fisherman, professional DJ, market stall trader and information and statistics analyst.
Today I mostly convert pixels to ems and wish for just one more decimal place of precision and consistent rounding in Web browsers.
I’ve definitely not been bored; I hope the same can be said for you after graciously taking time to read this.
All the best,
Sunday, 11th March, 2007.
Download my vCard* (via X2V):
*If viewing with Internet Explorer you will not see the image in the vCard. IE does not support base64 encoding that enables it to be displayed.
Jon Tan is the founding member and lead designer for Grow Collective, a Web design, development and consulting co-operative in Bristol, UK.
An advocate of web standards, Jon also has a special interest in user centred design, semantic information design ethics (SIDE), accessibility and Microformats.
His work has featured in magazines like .NET, and on numerous design galleries including the CSS Zen Garden. Three of his sites were nominated in three different categories in the CSS World Awards 2006 with two featuring as finalists. More recently, his work also featured in the Web Design Index (Pepin Press) and The Principles Of Beautiful Web Design (SitePoint).
He is also a member of the following professional associations:
The design grew out of thoughts on Western type and print versus Chinese typography and calligraphy. A balanced elastic interface seemed to fit, so everything stretches including content images. In fact, there are no presentational or background images at all, only content. You could call it an attempt at pure information design. It’s the same ethic that makes Chinese calligraphy simple and articulate, and lets all newspapers have a beauty all of their own, just from the anatomy of the type.
Depending on your platform, Baskerville or Palatino Linotype are used for headers and incidental text, Georgia for the body. Times New Roman is used for the stacked decorative type in the index masthead. For those lucky enough to be viewing this on a Mac, you may even notice the rare appearance of an italic Cochin.
The content is managed using a Grow blog application built in PHP called Lifelong File. Credit goes to Paul Whitrow for the initial work, but particularly to Jon Gibbins, who’s tireless work behind the scenes has qualified him for the “Free Cider At My House Award” for 2007–8. Jon is also responsible for the extracts of my del.icio.us bookmarks, Twitter moments and Upcoming events using a modified version of MagpieRSS rather than the APIs.
Microformats feature heavily around the site and will continue to be added as time allows. Other features close to my heart are also planned, from weighty tomes like OpenID support to Mills and Boon fun stuff like Gravatars. Now I’ve said it, it has to happen!
OpenType feature tags with useful explanations. Solid reference for an easy-in to feature tags and what they do.
Students from the paris School of Fine Arts imagined, printed and pasted political posters throughout this famous summer of activism and hope. This gallery features some of them (unfortunately in Flash).
Eric Meyer does it again with a JavaScript line-height test across the core web fonts that shows the normal line-height for each face, and the inconsistencies in the value across different weights.
jontangerine: Working outside reminds me to clean my screen; my tip: Zeiss camera lens cleaning kit; great for Nikkor and Apple.
jontangerine: @claypole to true (my bum at least); seems daft not to for cafes. @rickhurst idea: Bristol river mooring office (boat next to Gusto)!
jontangerine: Discovered more free wifi at the new Caffe Gusto around the corner from the Lloyds TSB building on the waterfront. Nice.
21 Jul 2008
Oregon Convention Center, Portland
07 Aug 2008
Ashton Court, Bristol
12 Nov 2008
Watershed, Bristol
Work with me via ~ ~ a creative consortium.
This simple dish was created with a little xHTML, a dash of CSS and a pinch of PHP. It’s garnished with hAtom, hCalendar, XFN, hCard and rel-tag with a large slice of accessible intent. Hopefully it plays nicely, all the time.
