Jon Tangerine.

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

The Manual #1 feat. articles from he who is I, 2011→ More

Preface

I’m Jon Tan, designer, and co-founder of Analog, Mapalong, and Fontdeck from Bristol, UK.

Curious Asides

  1. Mapalong places.
  2. Twitter moments.
  3. Flickr tableaus.
  4. Instagram fun.
  5. Del.icio.us bookmarks.
  6. Lanyrd events.
  7. Explore asides →

Lately in the Log

  1. We, Who Are Web Designers — Mon, 19th Sep 2011 {58}

    In 2003, my wife Lowri and I went to a christening party. We were friends of the hosts but we knew almost no-one else…

  2. Ampersand, the Aftermath — Wed, 22nd Jun 2011 {2}

    The first Ampersand web typography conference took place in Brighton last Friday. Ampersand was ace. I’m going to say…

  3. Design Festival, The Setup, and Upcoming Posts — Mon, 20th Jun 2011 {0}

    Wow, this has been a busy period. I’m just back from the Ampersand web typography conference in Brighton, and having a…

  4. Web Design as Narrative Architecture — Wed, 30th Mar 2011 {10}

    Stories are everywhere. When they don’t exist we make up the narrative — we join the dots. We make…

  5. Ides of March — Tue, 15th Mar 2011 {4}

    My friend and colleague, Chris, has shared a spiffing idea, the Ideas of March. He suggests: ‘If we all blog a little…

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

Conferences and Talks

  1. An Event Apart, Seattle

    Talk is a work in progress. 02–04 Apr 2012 at Pier 66, Bell Harbour, Seattle, WA, USA.

  2. Beyond Tellerand

    Welcome to the brave new world of web type. 20–22 Nov 2011 at Capitol Theatre, Düsseldorf, Germany.

  3. Ampersand

    Screen First. 17 Jun 2011 at Brighton Dome Corn Exchange, Brighton, UK.

  4. Insites Tour

    Q&A and storytelling. 21 Jul 2011 at Watershed, Bristol, UK.

  5. New Adventures in Web Design

    Language and the Lizard Brain. 11 Jan 2011 at The Albert Hall, Nottingham, UK.

Featured from the Log

  1. Quotation Marks & Texture — {21}

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

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

    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 Dirsur in Smoothing out the Creases in Web Fonts:

    Very Nice. Thanks for the article

  2. By Leo in We, Who Are Web Designers:

    Thanks for a great post it makes for a really good read, you raise some great points anbout fonts and page load…

  3. By Iqbal in We, Who Are Web Designers:

    What a fantastic article. “Tempered by over fifteen years of failed experiments on late nights with misbehaving…

  4. By Sam in Ampersand, the Aftermath:

    I’m nutted that I missed this, I would have loved to of seen David Berlow’s presentation. Maybe next…

  5. By Jorge Cocompech in Web Design as Narrative Architecture:

    Hello Jon: Where can we download the paper? Congrats.

  6. By Birger in Typeface != Font:

    Thanks for that informatinal posting. Before reading I didn´t have the slightest idea what the difference…

Snippets from the Silo

  1. Font naming conventions

  2. Ligatures test suite

  3. Typographic spaces test suite

  4. 12 Examples of paragraph typography

  5. Placeholder markup

  6. Core web fonts test suite

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

  8. Elastic Layout Example

  9. Pixels to ems conversion for CSS

Work with me via ~ Analog ~ a creative consortium.