Leo, the site guardian lion.

kle·pas

Welcome to the website of Simon Pascal Klein: gra­phic & web design­er, ramp­ant typ­o­phile and UI afic­io­nado.

Besides designing beautiful websites and functional interfaces, I love to share my passions with others. This site is my note­book and port­folio.

Straight to: § Latest article or § Portfolio
  • About & Contact
  • Archives
  • Portfolio
  • Feed

Notebook archives…

  • 13 Oct 2009 Interviewed by Gary Barber
  • 20 Aug 2009 IE Voodoo Doll
  • 13 Aug 2009 Write for your readers
  • 11 Aug 2009 A critical examination of gender relations within goth subculture
  • 09 Aug 2009 Overcoming hurdles in designing for yourself
  • 20 Mar 2009 Fluid identities foster progressive societies
  • 09 Feb 2009 Open Baskerville
  • 14 Dec 2008 Evaluating kerning
  • 13 Nov 2008 Web fonts — the death of type foundries?
  • 25 Oct 2008 Whose Garamond is it anyway?
  • 03 Aug 2008 LugRadio Live and Silverback
  • 18 Jul 2008 Opera Web Standards Curriculum
  • 14 Jul 2008 Tango to go public domain?
  • 13 Jul 2008 GUADEC 2008, Istanbul
  • 29 Jun 2008 Tintin and Lorem ipsum
  • 20 Jun 2008 Give content context
  • 13 Jun 2008 Understanding community is vital to the success of open source projects
  • 10 Jun 2008 Comic Jens — no more excuses
  • 07 Jun 2008 Bliblia anno 1746
  • 27 May 2008 Versal letters on the web
  • 08 May 2008 On body modication
  • 01 May 2008 The first Open Source Industry and Community Report
  • 26 Apr 2008 Are ‘reset’ style sheets bad?
  • 21 Apr 2008 BarCampCanberra1 wrap-up
  • 17 May 2007 Logo branding on device icons
  • About & Contact
  • Notebook
  • Portfolio
  • Feed
Back to top ↑
☞

Add me to your address book via vCard.

Proudly bending beziers since MMIV–; copyright © Simon Pascal Klein thereon.

Some rights reserved.

For an overview of the site, see the site map or notebook archives.

A playful tumble with type… →

…yes, type, not a graphic; try selecting it or resizing the page font size. Inspired by Jon Tan’s masterhead type folly, this is achieved just with some simple nested span elements that are positioned absolutely against their relative parents, and the entire thing is sized in ems and scales nicely.

Type set with love { ♥ } in Georgia & Museo …all in mostly valid CSS & XHTML; as POSH as can be.