Tag Archive for 'Typography'

Whitespace

Some might argue that passive whitespace is the unconsidered space present within a composition. I disagree: if you don’t consider all your whitespace, that’s just bad design. Passive whitespace creates breathing room and balance. It’s important.

Mark Boulton

CSS typography posters

Whilst looking for a practical application for the (new) CSS3 border-image property this evening I stumbled upon this typography wonder:

nicolasGallagher-cssTypographyExperiment

Nicolas Gallagher CSS Typography Experiment

Now at first glance it’s nothing special, but once you discover this is pure HTML/CSS comboliciousness were dealing with here… well, I got my Firebug on to inspect a little closer and sure enough it’s all image-free. The depression set in once I discovered this was accomplished/published nearly a year ago, back in February of this year (2010).

NB the advanced use of CSS for the heart shape and great use of masking using the :before/:after pseudo-element.

All you need to know about web typography in two posts

I hand these links over to other designers and developers time, after time, after time:

  1. http://24ways.org/2006/compose-to-a-vertical-rhythm
  2. http://www.markboulton.co.uk/journal/comments/five-simple-steps-to-better-typography-part-4

Essentially they contain all you need to know about web typography. Timeless articles.