Jon Tangerine.

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

Mugshot sketch of a face

Mug-sketch-shot, 1991→ More

Preface

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

Curious Asides

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

Lately in the Log

  1. Reversed Logotype — Mon, 24th May 2010 {11}

    This image shows a particular optical illusion that confronts us every day. Notice the difference between the black text on…

  2. Self-promotion — Thu, 13th May 2010 {12}

    The world has changed. Everything we do is more immediately visible to others than ever before, but much remains the same;…

  3. First Things First — Tue, 16th Mar 2010 {12}

    Last Wednesday I turned up in front of a friendly bunch of designers and developers at BathCamp — a regular…

  4. Introducing Analog — Wed, 30th Dec 2009 {20}

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

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

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

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

Conferences and Talks

  1. New Adventures in Web Design

    Talk to be confirmed. 11 Jan 2011 at The Albert Hall, Nottingham, UK.

  2. ATypI 03

    Why web typography doesn’t have to suck with Rich Rutter from 8–12 Sep 2010 at Dublin Castle, Dublin, Éire.

  3. Ulster Festival of Art & Design

    Talking Typography with Elliot Jay Stocks.

    16 Jun 2010, Belfast, UK.

  4. BathCamp

    Talk: First Things First (PDF) with a related blog entry. 10 Mar 2010, Bath, UK.

  5. OSCON

    Talk: Grokkin’ Design on 20–24 Jul 2009, San Jose, California, USA.

Featured from the Log

  1. Quotation Marks & Texture — {20}

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

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

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

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

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

  4. What Future for Web Typography & Screen Fonts? — {12}

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

  5. Smoothing out the Creases in Web Fonts — {14}

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

  6. @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.

Remarks from the Log

  1. By Mag in Self-promotion:

    Those are some very interesting thoughts. It certainly was inspirational.

  2. By JK in Designer PHP: A Simple Include:

    Great stuff, exactly what I was looking for. I’m also really digging the design of you site! Thanks so much!

  3. By Dan Millar in Introducing Analog:

    I’ve been following Analog since you launched, but only just read this blog which was very interesting. You…

  4. By carl in The Paragraph in Web Typography & Design:

    Paragraphs and puntuation are discussed in great detail.Thanks for this useful read.

  5. By Jason in Reversed Logotype:

    This was truly a great read. Found the article from a post on VandelyDesigns “25 Beautiful, Minimalistic…

  6. By Liam Jones in Self-promotion:

    I publish therefore I am, like that :) I look forward to reading more from you in the future.

Snippets from the Silo

  1. Typographic Spaces Test Suite

  2. 12 Examples of paragraph typography

  3. Placeholder markup

  4. Core web fonts test suite

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

  6. Elastic Layout Example

  7. Pixels to ems conversion for CSS

  8. Complex type rendering test

Work with me via ~ Analog ~ a creative consortium.