Upgrade to Pro — share decks privately, control downloads, hide ads and more …

The Newest New Typography

The Newest New Typography

Slides from my talk at the 2013 Ampersand conference (Brighton, UK). Starting with typography across print and screen, via the problems of representing complex documents in CSS, to the need for better semantic markup at the point of content creation.

B43c22a07eccec875361bf66ad64b26c?s=128

Gerry Leonidas

June 28, 2013
Tweet

Transcript

  1. The newest new typography Gerry Leonidas University of Reading

  2. No, not really.

  3. None
  4. None
  5. None
  6. None
  7. None
  8. None
  9. None
  10. None
  11. None
  12. If it’s Good Enough, it survives.

  13. None
  14. None
  15. None
  16. None
  17. convention + originality technology [ ]Z

  18. Why do you need typographers?

  19. Scales of reading

  20. > within document > within article > within paragraph >

    along the line
  21. [and very little to o er:] > between documents

  22. T Y POGRAPHIC THINK TANK Our purpose Set standards for

    typographic excellence in new media. Encourage development of new tools for digital typography, and the adoption & use of those tools by visual designers. Preserve traditional typographic knowledge and apply it creatively to digital media. Our focus Long text for extended reading on digital screens. | Let’s talk . 415 203 9306 | john@johndberry.com
  23. None
  24. > H&J > Grids > Media query >Keep & break

    controls > Element query
  25. Shift the focus from tradition to e ciency

  26. None
  27. Try something di cult, to discover what breaks.

  28. Reference work?

  29. None
  30. None
  31. This, then that, then the other; keep them together; don’t

    mess the spacing and type styles.
  32. > Sequence > Grouping > Micro-typography

  33. a bit of structured text

  34. None
  35. None
  36. None
  37. None
  38. None
  39. None
  40. None
  41. None
  42. stu that appears really complicated?

  43. None
  44. None
  45. So…

  46. David Hughes and Jamie Neely, and Jake Giltso

  47. None
  48. None
  49. None
  50. None
  51. None
  52. None
  53. problems?

  54. footnotes doable, but…

  55. > line control > numbering / sorting

  56. > OT feature subset? > semantic associations > continuity

  57. but… typographers see this:

  58. None
  59. None
  60. None
  61. None
  62. None
  63. None
  64. None
  65. None
  66. None
  67. None
  68. None
  69. From object structures to semantic structures

  70. My wish list

  71. Structural + Semantic markup at the time of authoring.

  72. content

  73. content ntent conte

  74. content ntent conte content content

  75. <div id="container" hlevel= "3"> <p>This is important stu .</p> </div>

    <div id="note" hlevel= "7"> chainbefore="container"> <p>Less important stu .</p> </div>
  76. Authoring environments!

  77. Author writing tools > >document structure > >reader’s experience >

    >design conventions > >author's assumptions
  78. None
  79. None
  80. None
  81. None
  82. Markdown+ please!

  83. None
  84. @gerryleonidas Thank you