Content-type: text/html Downes.ca ~ Stephen's Web ~ Photography as Digital Storytelling #ds106

Stephen Downes

Knowledge, Learning, Community
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.

Today: 3 Total: 107 [Direct link] [Share]

Image from the website


Stephen Downes Stephen Downes, Casselman, Canada
stephen@downes.ca

Copyright 2024
Last Updated: Oct 07, 2024 11:37 a.m.

Canadian Flag Creative Commons License.

Force:yes