Jon Tangerine.

Pith & pulp — not an image, but perhaps a reversion to type.

Siren Festival, Coney Island, 2008→ More

Preface

I’m Jon Tan, Creative Director at OmniTI and sometime writer and speaker in Bristol, UK.

Curious Asides

  1. Twitter moments.
  2. Flickr tableaus.
  3. Del.icio.us bookmarks.
  4. Upcoming events.
  5. Explore asides

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 of! I’ve finally managed to put up my slides…

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

    Meme is a funny word. I remember interrogating the hive mind of Google to understand what it meant not that long ago.…

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

    ’Twas the week before Christmas, and all was hectic in the house.
 Or, at least, that’s how it seems!…

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

    Ladies and gentlefolk, I give you the two-thousand and eight PHP Advent Calendar! As an aside in a season that gets rudely…

  5. Display Type & the Raster Wars Thu, 6th Nov 2008 {27}

    ClearType is 10 years old this Autumn. For most of that time it lay hidden until Vista brought it to the fore by default.…

  6. Happy Birthday, Son! Wed, 5th Nov 2008

    Dear Xen, you’re five today. Five years old! You left for school this morning and I was reminded, without the prompting…

  7. @font-face in IE: Making Web Fonts Work Fri, 31st Oct 2008 {53}

    All Hallows’ Eve seems the perfect time for something a little spooky. Getting @font-face working in IE may just be…

  8. You can browse all entries in full via the log archive

Conferences and Talks

  1. Brighton SkillSwap Goes Typographic

    Talk: 80% Science, 20% Art.

    28 Jan 2009, Lighthouse, Brighton, UK

  2. SXSW 2009

    Panel: Quit Your bitchin’, and Get Your Glyph On!.

    13 Mar 2009 - 22 Mar 2009, Austin Convention Center, Austin, Texas, USA

  3. OSCON 2009

    Talk: Grokkin’ Design

    20 Jul 2009 - 24 Jul 2009, San Jose, California, USA

Featured from the Log

  1. @font-face in IE: Making Web Fonts Work — {53}

    Exploring the ins and outs of @font-face linking with TrueType and Embedded OpenType (EOT) files using Fontin Regular by Jos Buivenga.

  2. Quotation Marks & Texture — {18}

    A quick discourse on single versus double quotations marks (or inverted commas for us prosiac Brits) and typographic texture.

  3. The Incredible Em & Elastic Layouts with CSS — {85}

    What is an “em”? Using ems to create an elastic layout with scalable images. Also in Italiano, Deutsch, Español & Russian.

  4. The Paragraph in Web Typography & Design — {23}

    The many styles of the humble paragraph from pre-history to the Web, with practical examples using CSS.

  5. What Future for Web Typography & Screen Fonts?{13}

    The status of the core web fonts and the font-face property with a few thoughts on making quality faces ubiquitous.

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…

Snippets from the Silo

  1. @font-face test with Fontin Regular by Jos Buivenga

  2. Typographic Spaces Test Suite

  3. 12 Examples of paragraph typography

  4. Placeholder markup

  5. Core web fonts test suite

  6. Elastic Layout Example

  7. Pixels to ems conversion for CSS

  8. Using phpinfo() to Discover the PHP Version and Modules Installed on your Server

  9. Complex type rendering test

  10. POSH (plain old semantic HTML) badge

  11. HTML button test

Work with me via ~ OmniTI ~ creative engineers.