This is a demo slide deck

Context

Press right arrow to continue (might not look great in Firefox)
Good is the enemy of great
On designing,
and then undesigning,
a perfect link underline
Good is the enemy of great perfect
On designing,
and then undesigning,
a perfect link underline
The details are not the details.
Charles Eames
The details are not the details.

They make the design.
Charles Eames
The rise of details in typography
The rise and fall of details in typography
The rise, and fall, and rise of details in typography
- Hyphen
— Three-per-em dash
– En dash
− Minus sign
‒ Figure dash
— Em dash
— Horizontal bar (Quotation dash)
— Two-em dash
— Three-em dash
⁓ Swung dash
​ Zero-width space
  Hair space
  Thin space
  Six-per-em space
  Four-per-em space
  Normal space
  Mathematical space
  Punctuation space
  Three-per-em space
  En space
  Figure space
　 Ideographic space
  Em space
​ Zero-width space
  Hair space
  Thin space
  Six-per-em space
  Four-per-em space
  Normal space
  Mathematical space
  Punctuation space
  Three-per-em space
  En space
  Figure space
　 Ideographic space
  Em space
​ Zero-width space
  Hair space
  Thin space
  Six-per-em space
  Four-per-em space
  Normal space
  Mathematical space
  Punctuation space
  Three-per-em space
  En space
  Figure space
　 Ideographic space
  Em space
- Hyphen
— Three-per-em dash
– En dash
− Minus sign
‒ Figure dash
— Em dash
— Horizontal bar (Quotation dash)
— Two-em dash
— Three-em dash
⁓ Swung dash
​ Zero-width space
  Hair space
  Thin space
  Six-per-em space
  Four-per-em space
  Normal space
  Mathematical space
  Punctuation space
  Three-per-em space
  En space
  Figure space
　 Ideographic space
  Em space
  • Typewriter (person)
  • Typewriter (machine)
  • Typewriter (person)
  • Typewriter (machine)
  • Teletypewriter
  • Typewriter (person)
  • Typewriter (machine)
  • Teletypewriter
  • Teletype
  • Typewriter (person)
  • Typewriter (machine)
  • Teletypewriter
  • Teletype
  • Glass teletype
The typographer must have the capacity for taking great pains with seemingly unimportant detail. (…) He must harden his heart against the accusation of being too fussy.
Hans P. Schmoller
Alt[ open double quote “
ShiftAlt[ close double quote ”
   
Alt- en dash –
AltShift- em dash —
Alt; ellipsis …
   
AltShift9 interpunct (middot) ·
:·(   :·)   :·/
Alt[ open double quote “
ShiftAlt[ close double quote ”
   
Alt- en dash –
AltShift- em dash —
Alt; ellipsis …
   
AltShift9 interpunct (middot) ·
   
  multiplication sign ×
  numero №
  vulgar fractions ½ ¼
Be pragmatic.
The perfect underline
Typography
The quick brown fox jumps over the lazy dog.
  1. Demand vs supply
  • default
  • default
  • default
  • default
  • default
  • Web standards
  • default
  • Web standards
text-decoration-skip
text-underline-position
  • default
  • Web standards
  • default
  • Web standards
  • default
  • Web standards
  • border
  • default
  • Web standards
  • border
border-bottom: 1px solid rgb(51, 51, 50);
  • default
  • Web standards
  • border
  • default
  • Web standards
  • border
  • default
  • Web standards
  • border
border-bottom: 1px solid rgb(51, 51, 50);
display: inline-block;
line-height: .95;
  • default
  • Web standards
  • border
  • default
  • Web standards
  • border
  • default
  • Web standards
  • border
  • default
  • Web standards
  • border
  • default
  • Web standards
  • border
  • default
  • Web standards
  • border
  • separate font
  • default
  • Web standards
  • border
  • separate font
  • default
  • Web standards
  • border
  • separate font
  • canvas
  • default
  • Web standards
  • border
  • separate font
  • canvas
  • default
  • Web standards
  • border
  • separate font
  • canvas
  • background image
  • default
  • Web standards
  • border
  • separate font
  • canvas
  • background image
  • default
  • Web standards
  • border
  • separate font
  • canvas
  • background image
  • default
  • Web standards
  • border
  • separate font
  • canvas
  • background image
  • default
  • Web standards
  • border
  • separate font
  • canvas
  • background image
Typography
The quick brown fox jumps over the lazy dog.
A bad workman blames their tools.
old proverb
  1. Demand vs supply
  2. Direction vs choice
As designers, we see the world as it could be.
Jerry Takigawa
As designers, we see the world as it could be.

This can be a blessing, or a curse.
Jerry Takigawa
-webkit-font-smoothing: anti-aliased;
-webkit-font-smoothing: anti-aliased;
-webkit-font-smoothing: anti-aliased;
-moz-osx-font-smoothing: auto;
-webkit-font-smoothing: anti-aliased;
-moz-osx-font-smoothing: grayscale;
Simple isn’t.
  1. Demand vs supply
  2. Direction vs choice
  3. Nuance vs speed
The better your technique, the more impossible your standards.
Isaac Stern
Typography
The quick brown fox jumps over the lazy dog.
  1. Demand vs supply
  2. Direction vs choice
  3. Nuance vs speed
  4. Craft vs upkeep
There are many details. (…) If you think about them all before you start, you will never start.
Craig Mod
Retina
Non-retina
Desktop Retina
Non-retina
Tablet Retina
Non-retina
Phone Retina
Non-retina
Desktop Retina
Non-retina
Tablet Retina
Non-retina
Phone Retina
Non-retina
iPhone Retina
Non-retina
Desktop Retina
Non-retina
Tablet Retina
Non-retina
Phone Retina
Non-retina
iPhone Retina
Non-retina
iPad Retina
Non-retina
iPad mini Retina
Non-retina
Desktop Retina
Non-retina
Tablet Retina
Non-retina
Phone Retina
Non-retina
iPhone Retina
Non-retina
iPad Retina
Non-retina
iPad mini Retina
Non-retina
  • People who zoom in and zoom out
  • People who zoom in and zoom out
  • Non-English languages
  • People who zoom in and zoom out
  • Non-English languages
  • Uncommon browsers
  1. Demand vs supply
  2. Direction vs choice
  3. Nuance vs speed
  4. Craft vs upkeep
Real artists ship
  1. Demand vs supply
  2. Direction vs choice
  3. Nuance vs speed
  4. Craft vs upkeep
Perfect is the enemy of good
Perfect is the enemy of good

Good is the enemy of perfect
Perfect is the enemy of good

Good is the enemy of perfect
Go crazy
(or go home)
The craftman’s desire for quality poses a motivational danger (…). We are more likely to fail as craftsmen, I argue, due to our inability to organize obsession than because of our lack of ability.
Richard Senett
Caring about craft will make you feel like you’re going insane.
Caring about craft will, at times, make you feel like you’re going insane.
Find others like you.
Find others like you
(or make others
become like you).
The best kind of a compliment is an invisible one.
I have been enjoying the geography game, click that 'hood! It has been such a helpful exercise for me since I am trying to relearn my geography after a brain injury. Thank you, thank you coders!
This is the original Atari code! All the tricks I learned in college back in 1982 to try and beat this game work in this version! God, I am so pathetic......
Whoever the fuck he was, he got one goddamn awesome doodle!
It was as good as one of Lem’s stories themselves.
The best kind of a compliment is an invisible one.
Create your own universes.
Create your own universes (especially if you can’t find any to inhabit).
The quick brown fox jumps carefully over the lazy dog.
The quick brown fox jumps carefully over the lazy dog.
Hang around other craftspeople.
This font is called Toronto Subway.
O P Q R S T
  • parallax iphone
  • top-align all the slides
  • rewrite text for more q and r and s
  • stuff sticking out
  • mandatory ie joke in there somewhere
  • bring in the funny
The designer of the Toronto Subway font has never been identified.
Sherri Wasserman
Hello, world.
Hello, world.
Hello, world.
Respect other craftspeople.
Respect other craftspeople (but not too much, really).
Bad
Good
Perfect
Status
quo
Better
Even
better
still
Status
quo
Better
Even
better
still
Status
quo
Better
Even
better
still
Thank you.
Marcin Wichary
mwichary[at]aresluna.org
[at]mwichary
medium.com/[at]mwichary