Archive for March, 2010

//On hiring

Some peo­ple are afraid of hir­ing bet­ter peo­ple but I’ve never been like that because actu­ally it makes me look good. So the sys­tem was always that I’d hire really, really good peo­ple and let them do their shit.?

Erik Spiekermann

//links for 2010-03-25

//links for 2010-03-19

//links for 2010-03-17

//PJSBox

Just like cats never knew they wanted cheezburgers until the arrival of the internet here’s a bookmarklet you never knew you wanted until the arrival of now. PJSBox will run any Processing code you have selected in a lightbox. Magic!

Continue reading…

//Typographic Tidbit #1

I’m no expert – yet – but quite a lot of posts on the web about typography are related to CSS techniques and currently font-embedding. Very few tell us about the best practices for setting specific elements of the text we are working with. To paraphrase Robert Bringhurst typography should reflect the natural language as it is spoken. There are some acronyms that we pronounce as a word like Nato or laser and they should therefore be written as words. For acronyms in which we pronounce the letters such as CD or DNA they should be written as capital letters. That’s all well and good however from Erik Spiekerman‘s typographic tips over on the FontFeed blog:

NEVER use CAPITAL letters to accentuate words in running copy. They STICK OUT far too much spoiling the LOOK of the column or page. Use italics instead. If you have to set words in capitals, use proper small caps with or without initial capitals.

For acronyms where each letter is pronounced – the letters are still capitalised. As Erik states this is where small caps come into play. They allow you to have capital letters with the same x-height as your regular letter text, thus not sticking out and ruining your lovely paragraph.

This tidbit of CSS is a must in all of my style sheets from now on:

abbr { font-variant: small-caps; text-transform: lowercase; }

//Cross Browser CSS Image Replacement on Inputs

Disclaimer: I know image replacement isn’t ideal but sometimes we have to do it, plus it does offer up the opportunity for rollover effects using sprite backgrounds without javascript (at least in IE7+).

Here’s a quick solution to the problem of using regular CSS image replacement on inputs. The text-indent method fails in IE so we need a slightly different approach.

Continue reading…