Typesetting Code

A casual presentation on typesetting code presented at the Xebia TED-style XKE

Transcript

1. Typesetting Code Arnout Engelen @raboofje Xebia TED-style XKE 27 sep 2016
2. Flamebait ahead Industrial-strength Asbestos Underwear
3. 1954: IBM FORmula TRANSlating, FORTRAN Preliminary Report on The IBM Mathematical FORmula TRANSlating System, FORTRAN
4. 1963: ALGOL 60 Language Report
5. Fonts: proportional vs monospaced Adobe Source Sans Pro Adobe Source Code Pro
6. 1975: K&R “C Programming Language”
7. 1983: Smalltalk
8. Fonts: propertional vs monospaced
9. 1983: Knuth’s “Literate Programming”
10. 1983: Knuth’s “Literate Programming”
11. Alignment
12. Alignment
13. Alignment: diff
14. Alignment: meld
15. Alignment: automatic
16. Alignment: elastic tabstops http://nickgravgaard.com/elastic-tabstops/
17. Alignment: dynamic re-flowing https://facebook.github.io/reason/tools.html
18. Ligatures in classic Typography
19. Ligatures - Fira Code
20. Fonts public class Elementary { public static void main(String[] args) { System.out.println(12345 + 5432l); } }
21. Fonts public class Elementary { public static void main(String[] args) { System.out.println(12345 + 5432l); } } 1) 66666 2) 17777
22. Fonts public class Elementary { public static void main(String[] args) { System.out.println(12345 + 5432l); } } 1) 66666 2) 17777 Java Puzzlers, Bloch & Gafter, 2005
23. Fonts: Il1 http://jessicahische.is/talkingtype
24. Fonts: emphasis
25. Fonts: emphasis E.W. Dijkstra, EWD74, 1964
26. Fonts: emphasis
27. Fonts: color scheme
28. Fonts: color scheme
29. Fonts: emphasis and colour schemes
30. Make your code beautiful!
31. • http://www.literateprogramming.com/knuthweb.pdf • • https://facebook.github.io/reason/tools.html • http://jessicahische.is/talkingtype • https://github.com/tonsky/FiraCode