Jon Tangerine.

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

All change! Growing at OmniTI→

Preface

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

Curious Asides

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

Lately in the Log

  1. Growing OmniTI — Sun, 21st Dec 2008 {21}

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

  2. PHP Advent Seasoning — Tue, 16th Dec 2008 {5}

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

  3. Display Type & the Raster Wars — Thu, 6th Nov 2008 {21}

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

  4. 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…

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

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

  6. Flipped Types — Wed, 15th Oct 2008 {9}

    Sometimes, flipping things around can be a useful mental exercise. It can raise a wry smile. An idle comparison between…

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

Conferences and Talks

  1. SXSW 2009

    Panel: Quit Your bitchin’, and Get Your Glyph On! (slot to be decided).

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

Featured from the Log

  1. The Incredible Em & Elastic Layouts with CSS — {78}

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

  2. The Paragraph in Web Typography & Design — {20}

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

  3. What Future for Web Typography & Screen Fonts? — {11}

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

  4. Smoothing out the Creases in Web Fonts — {9}

    Exploring optimal anti-aliasing for core Web fonts and the rendering engines that make it all possible.

Remarks from the Log

  1. By Leicester in The Incredible Em & Elastic Layouts with CSS:

    Really well written and explained article, had always wondered what the uses of ems were.

  2. By flashoyun in The Incredible Em & Elastic Layouts with CSS:

    thanks for nice stuff

  3. By oyunlar in The Incredible Em & Elastic Layouts with CSS:

    It really inspired me to build elastic layout. thanks.

  4. By Leicester in Smoothing out the Creases in Web Fonts:

    Hey I found that table extremely useful, thanks for sharing it.

  5. By Jawad Farooq in The Incredible Em & Elastic Layouts with CSS:

    Thanks, Very easy and and complete explanation Great, much appreciate

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.