The slides for this talk are heavily dependent on the specific fonts, and therefore the diagrams are unlikely to render correctly on your system. Therefore I'm providing both the HTML source (slides.html) which I use to render on my system and a PDF (slides.pdf) which should work on all systems. Note that the slides are largely just diagrams. If you want the talk transcript, please refer to the CSS Day video. This is much more likely to be helpful than the slide deck. :)
This directory is basically the source code for generating the slides, and the diagrams are about as accessible as image data usually is. Fonts used include: Ahem, Sawasdee, Arial, Arial Unicode MS, Bank Gothic MT BT, BerhnhardFashion BT, and Forte. If you happen to have those all installed, everything should render correctly. If not, some of the diagrams won't make much sense.
Name | Last Modified (UTC) | Size | Description |
---|---|---|---|
ascent-descent-ahem-leading | 2019-06-21 20:14:59 | 1KB | |
ascent-descent-ahem | 2019-06-21 20:14:58 | 0KB | |
ascent-descent-normal | 2019-06-21 20:14:59 | 1KB | |
ascent-descent.svg | 2019-06-21 20:14:57 | 4KB | |
baselines.gif | 2019-06-21 20:14:57 | 4KB | |
block-step-break | 2019-06-21 20:14:58 | 0KB | |
box-model.png | 2019-06-21 20:14:58 | 3KB | |
dropcap-fail.png | 2019-06-21 20:15:00 | 168KB | |
dropcap.png | 2019-06-21 20:14:59 | 67KB | |
font-height | 2019-06-21 20:14:59 | 1KB | |
happiness-venn.svg | 2019-06-21 20:14:58 | 0KB | |
height-metrics.svg | 2019-06-21 20:15:01 | 2KB | |
index.html~ | 2019-06-21 20:36:01 | 0KB | |
leading-negative | 2019-06-21 20:14:59 | 1KB | |
leading-trim-centering-goal.png | 2019-06-21 20:15:00 | 52KB | |
leading-trim-centering-variants.gif | 2019-06-21 20:15:00 | 7KB | |
leading | 2019-06-21 20:14:57 | 1KB | |
line-box-model | 2019-06-21 20:14:58 | 0KB | |
line-box-stack | 2019-06-21 20:14:58 | 0KB | |
line-container | 2019-06-21 20:15:01 | 1KB | |
match-shift | 2019-06-21 20:15:01 | 0KB | |
new-line-sizing | 2019-06-21 20:14:59 | 1KB | |
notes.pdf | 2019-06-21 20:14:59 | 138KB | |
notes.pptx | 2019-06-21 20:14:58 | 69KB | |
overlap | 2019-06-21 20:15:00 | 0KB | |
paragraph-spacing | 2019-06-21 20:14:59 | 0KB | |
root-inline-overlap | 2019-06-21 20:15:01 | 1KB | |
root-inline | 2019-06-21 20:14:59 | 1KB | |
ruby.png | 2019-06-21 20:15:01 | 15KB | |
self-align.svg | 2019-06-21 20:15:00 | 0KB | |
slides | 2019-06-21 20:15:01 | 18KB | |
slides.pdf | 2019-06-21 20:15:01 | 714KB | |
top-metrics | 2019-06-21 20:15:00 | 1KB | |
trim-align-cut-margin | 2019-06-21 20:15:00 | 0KB | |
trim-align-fail | 2019-06-21 20:15:00 | 0KB | |
trim-align-negative-margin-alt | 2019-06-21 20:15:01 | 0KB | |
trim-align-negative-margin-fail | 2019-06-21 20:15:00 | 0KB | |
trim-align-negative-margin | 2019-06-21 20:15:00 | 0KB | |
vertical-rhythm-aligned | 2019-06-21 20:14:57 | 0KB | |
vertical-rhythm-gridded | 2019-06-21 20:14:57 | 1KB | |
vertical-rhythm-interrupt-loose | 2019-06-21 20:15:00 | 53KB | |
vertical-rhythm-interrupt-strict | 2019-06-21 20:14:59 | 45KB | |
vertical-rhythm-unaligned | 2019-06-21 20:14:57 | 0KB | |
webslides.css | 2019-10-16 11:23:02 | 1KB | |
webslides.js | 2019-06-21 20:14:57 | 7KB | |
word-cloud | 2019-06-21 20:14:58 | 9KB | |
wordcloud.svg | 2019-06-21 20:14:58 | 80KB |