Jon Tangerine.

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

Glancing up at home in Bristol→ More

Preface

I’m Jon Tan, designer and founding member of Analog, co-founder of Fontdeck, and occassional writer and speaker.

Curious Asides

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

Lately in the Log

  1. Introducing Analog — Wed, 30th Dec 2009 {16}

    Just before Christmas, a few friends and I launched a new company, Analog. Writing this, I’m still a little surprised…

  2. SxSW Pick ’n’ Mix for 2010 — Fri, 4th Sep 2009 {10}

    I know I’m woefully late. Voting ends today! I don’t really mind, though. It embodies this restful period…

  3. Review: HTML and CSS Web Standards Solutions — Wed, 19th Aug 2009 {22}

    I’m so glad that this book exists. I’ve been hoping someone would write a book almost exactly like this for a…

  4. All Change, Please — Thu, 13th Aug 2009 {33}

    ‘One door closes, another opens’ is an idiom that has always resonated with me. It reminds me that…

  5. OSCON 2009: incoming! — Sat, 18th Jul 2009 {2}

    Just a quick note. More of a test really. Can I crank out a quick post in the lounge at Bristol airport? Will the wifi not…

  6. 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 — {64}

    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 — {20}

    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 — {26}

    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.

  6. Smoothing out the Creases in Web Fonts — {13}

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

Remarks from the Log

  1. By çiçekçi in OSCON 2008, the Year of the Butterfly:

    very nice article..thanks…

  2. By seo services in The Paragraph in Web Typography & Design:

    designers to create narrative spaces, consisting of text, images, video, etc. add context and readability of these…

  3. By Annie Ha in Review: HTML and CSS Web Standards Solutions:

    Hi Jon, As a graphic design student, I strive for a better structure and well design website. I was looking for a…

  4. By Shane in Days like these:

    Great post, makes me feel better that not only I have days like these! Thanks.

  5. By Joey in Introducing Analog:

    Long time reader - first time commenter! Good luck with the new company, hope it all works out for you :)

  6. By Emcee Hao in Complex Type: CSS Fix, ClearType Miss:

    dude, awesome type. rock on.

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 ~ Analog ~ a creative consortium.