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.

Transcript

1. The newest new
   typography
   Gerry Leonidas
   University of Reading
   

   View Slide

2. No, not really.
   

   View Slide

3. View Slide

4. View Slide

5. View Slide

6. View Slide

7. View Slide

8. View Slide

9. View Slide

10. View Slide

11. View Slide

12. If it’s Good Enough,
    it survives.
    

    View Slide

13. View Slide

14. View Slide

15. View Slide

16. View Slide

17. convention + originality
    technology
    [ ]Z
    

    View Slide

18. Why do you need
    typographers?
    

    View Slide

19. Scales of reading
    

    View Slide

20. > within document
    > within article
    > within paragraph
    > along the line
    

    View Slide

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

    View Slide

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
    

    View Slide

23. View Slide

24. > H&J
    > Grids
    > Media query
    >Keep & break controls
    > Element query
    

    View Slide

25. Shift the focus from
    tradition to e ciency
    

    View Slide

26. View Slide

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

    View Slide

28. Reference work?
    

    View Slide

29. View Slide

30. View Slide

31. This, then that, then
    the other; keep them
    together; don’t mess the
    spacing and type styles.
    

    View Slide

32. > Sequence
    > Grouping
    > Micro-typography
    

    View Slide

33. a bit of structured text
    

    View Slide

34. View Slide

35. View Slide

36. View Slide

37. View Slide

38. View Slide

39. View Slide

40. View Slide

41. View Slide

42. stu that appears really
    complicated?
    

    View Slide

43. View Slide

44. View Slide

45. So…
    

    View Slide

46. David Hughes and
    Jamie Neely,
    and Jake Giltso
    

    View Slide

47. View Slide

48. View Slide

49. View Slide

50. View Slide

51. View Slide

52. View Slide

53. problems?
    

    View Slide

54. footnotes doable, but…
    

    View Slide

55. > line control
    > numbering / sorting
    

    View Slide

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

    View Slide

57. but…
    typographers see this:
    

    View Slide

58. View Slide

59. View Slide

60. View Slide

61. View Slide

62. View Slide

63. View Slide

64. View Slide

65. View Slide

66. View Slide

67. View Slide

68. View Slide

69. From object structures
    to semantic structures
    

    View Slide

70. My wish list
    

    View Slide

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

    View Slide

72. content
    

    View Slide

73. content
    ntent conte
    

    View Slide

74. content
    ntent conte
    content
    content
    

    View Slide

75. 
    This is important stu .
    
    
    chainbefore="container">
    Less important stu .
    
    

    View Slide

76. Authoring environments!
    

    View Slide

77. Author writing tools >
    >document structure >
    >reader’s experience >
    >design conventions >
    >author's assumptions
    

    View Slide

78. View Slide

79. View Slide

80. View Slide

81. View Slide

82. Markdown+ please!
    

    View Slide

83. View Slide

84. @gerryleonidas
    Thank you
    

    View Slide