notes+links


20080501

Klavika

Need. Now.


20080414

Seth Godin is a brilliant presenter.


20080405

Delicate

Amazing cover of one of my favourite Damien Rice songs. More at ReverbNation.


20080329

Via Design Observer.


20080323

Beautiful! Post-Rock

Just chanced upon a bunch of excellent Godspeed You! Black Emperor live recordings. Of the ones I downloaded, this one is by far the best.


20080321

Why Barack Obama Must and Will Win

Watch/read his historic speech on race, if you haven’t already.


20080316


20080315

Hanging Punctuation on the Web

This technique was first developed and implemented by the Russian design firm Art. Lebedev Studio. Strangely, it was never documented.

For a left-aligned text block, we'd have this HTML

<p>This is some filler text, and some more filler
<span class="l">text.</span>
<span class="r">&#8220;This</span> is a
sentence within quotation marks.&#8221; This is
more filler text, followed by yet more filler
text.</p>

and this CSS

.l {
margin-right: 0.4em;
}
.r {
margin-left: -0.4em;
}
p {
padding-left: 0.4em;
}

Any inline quotation mark occuring at the start of a line will be hung. The left padding on p is for IE, which can’t quite get the hang – pun intended! – of elements being pulled outside their containing block. It’d, of course, be optimal if this padding could be taken into account from the outset. One way to introduce this padding without compromising the layout is to “counteract” it by assigning a negative left margin of -0.4em.