Jon Tangerine.

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

Severn Shed, Bristol.

Severn Shed Restaurant, Bristol, UK → Next

Preface

Hi, I’m Jon Tan, lead designer at Grow Collective 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. Typeface != Font — Fri, 22nd Aug 2008 {18}

    A typeface is not a font. A font is not a typeface. It’s been said before, but confusion still resigns supreme; even…

  2. Elastic to… Russian Elastic — Thu, 21st Aug 2008 {2}

    It’s been a Russian-flavoured week so far. First came a bit of grappling with the dire unicode support in Fireworks…

  3. Events & The Favour Bank — Tue, 19th Aug 2008 {9}

    Have you ever heard of the Favour Bank? It’s a derivative of karma, using an obviously capitalist metaphor, but Paulo…

  4. OSCON 2008, the Year of the Butterfly — Tue, 12th Aug 2008 {1}

    Writing this is my way of remembering my first OSCON. It’s also a good way of taking a break from the research…

  5. Collaboration at OSCON ’08 — Thu, 10th Jul 2008 {4}

    In just under two weeks time I’ll be delivering a joint talk with Chris Shiflett at OSCON, the biggest open source…

  6. No. 172 — Fri, 4th Jul 2008 {13}

    When I woke this morning it seemed like any other day. The sun was shining. I liked that. The boys were mischievous. I…

  7. The Paragraph in Web Typography & Design — Mon, 9th Jun 2008 {18}

    Paragraphs are punctuation, the punctuation of ideas. After selecting a typeface, choosing the right paragraph style is one…

  8. Reflecting on Acceptance — Mon, 12th May 2008 {15}

    You might already know that my entries are mostly about design with a few personal perspectives that peep out between the…

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

Conferences and Talks

  1. UWE Web Developers Conference

    12 Nov 2008, Watershed, Bristol, UK

Featured from the Log

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

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

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

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

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

Remarks from the Log

  1. By Dan in Typeface != Font:

    Fantastic! I can see myself becoming an avid typography nerd so I found this article super-interesting! Keep it up…

  2. By Pete in Events & The Favour Bank:

    Hi Jon Great to see you’re on the panel at the WDC in November, I’m looking forward to it now as it will…

  3. By Gareth in Typeface != Font:

    Really good article! I absolutely had no idea font and typeface were different! Thanks for a great read.

  4. By Jason Santa Maria in Typeface != Font:

    Great article, Jon. I see where you’re coming from, and I am just as big of curmudgeon for people calling…

  5. By Leon P in Typeface != Font:

    As with any terminology, it’s important to be precise so as to avoid confusion. Knowing the correct…

Snippets from the Silo

  1. 12 Examples of Paragraph Typography

  2. Placeholder Markup

  3. Core Web fonts test suite

  4. Elasic Layout Example

  5. Pixels to ems conversion for CSS

  6. Using phpinfo() to Discover the PHP Version and Modules Installed on your Server

  7. Complex type rendering test

  8. POSH (plain old semantic HTML) badge

  9. HTML button test

Work with me via ~ Grow Collective ~ a creative consortium.