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 {14}

    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 {8}

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

    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 {34}

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

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

    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? — {14}

    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 JohnT in Introducing Analog:

    Found the eggs! Nice site.

  2. By Sex Problems in All Change, Please:

    I have had a similar circumstance happen in the last year with a similar decision following right behind…

  3. By Road Trip in What Future for Web Typography & Screen Fonts?:

    I really do not think that matters: there are more important typographical concern that the choice of the source. I…

  4. By Charlie in Complex Type: CSS Fix, ClearType Miss:

    Nice CSS and Logo. Thanks and compliments

  5. By Charlie in Smoothing out the Creases in Web Fonts:

    Thanks for the article

  6. By Mattia in Introducing Analog:

    hi Jon, well work your site. I’m from Italy and I 'm a webdesigner, too. Just doing my first…

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.