Photography as Digital Storytelling #ds106
D'Arcy Norman,
Website,
Feb 01, 2011
Cary cool resource from D'Arcy Norman on photography for ds106. You might not notice of you're reading that most of the text is actually links to various resources. But even more interesting, from my perspective, is the use of some of the newer web techniques. Depending on the browser you're using, the page renders itself as a scrawl in Norman's own handwriting. It's also askew. There are two things in the style sheet enabling that. First is the use of webkit-specific (and mozilla-specific) style elements (of they're different) creating a 1 or 2 degree skew:
-webkit-transform: rotate(-2deg);
and second is the use of a custom font, created ahead of time by Norman and downloaded at run-time by the web browser:
font-family: 'dnormanscrawlRegular'; src: url(//:) format('no404'), url('/fonts/dnorman-scrawl-webfont.woff') format('woff'), url('/fonts/dnorman-scrawl-webfont.ttf') format('truetype'), url('/fonts/dnorman-scrawl-webfont.svg#webfont5bk341pA') format('svg');
Too cool.
-webkit-transform: rotate(-2deg);
and second is the use of a custom font, created ahead of time by Norman and downloaded at run-time by the web browser:
font-family: 'dnormanscrawlRegular'; src: url(//:) format('no404'), url('/fonts/dnorman-scrawl-webfont.woff') format('woff'), url('/fonts/dnorman-scrawl-webfont.ttf') format('truetype'), url('/fonts/dnorman-scrawl-webfont.svg#webfont5bk341pA') format('svg');
Too cool.
Today: 5 Total: 1131 [Direct link] [Share]
