Demos
- Codepen Collection
- Distace Between Earth and Moon
- Hero Cat-ion
- Trenitalia CSS Build
- Fun with Special Quotes
- Text Transform Tests
- Orphans and Widows
- Orphans for Flexbox, Please
- Container Width: % vs vw
- Headline / copy / link combos
References
- Web Platform Incubator Group on Discourse
- Una Kravets' CSSconf EU 2015 talk on YouTube
- https://css-tricks.com/almanac/properties/q/quotes/
- https://developer.mozilla.org/en-US/docs/Web/CSS/%3Alang
- https://en.wikipedia.org/wiki/List_of_ISO_639-1_codes
- https://developer.mozilla.org/en-US/docs/Web/CSS/text-transform
- https://drafts.csswg.org/css-text-3/#text-transform
- https://en.wikipedia.org/wiki/IJ_(digraph)
- http://caniuse.com/#feat=intrinsic-width
- http://thenewcode.com/946/CSS-last-line-Controlling-Widows-amp-Orphans
- Fitty: Automaticaly fit text to its container with JavaScript.
- Responsive Line Breaks
- https://mozilladevelopers.github.io/playground/
Related Reading
- http://www-01.ibm.com/software/globalization/guidelines/a3.html
- Translation Text Expansion: How it affects Design by Kwintessential
- http://english.stackexchange.com/questions/2998/do-most-languages-need-more-space-than-english
- Shrink Wrapped HTML Containers
Talk Image Credits
- NASA / ISS043-E-86375 / Scandinavia at night
- "Inside Out" replaces brocolli with green peppers. @davidmlally
- Hero kitten by CC 2.0 by Casey Muir-Taylor
- Other kitten by Nicolas Suzor
- Other kittens by Quatre Mains
- Other kitten is Public Domain re Place Kitten
- Other kitten by Energetic Spirit
- Other kittens by Lachlan Rogers