Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Typesetting Code
Search
Arnout Engelen
September 27, 2016
Technology
0
95
Typesetting Code
A casual presentation on typesetting code presented at the Xebia TED-style XKE
Arnout Engelen
September 27, 2016
Tweet
Share
More Decks by Arnout Engelen
See All by Arnout Engelen
Sandstorm.io
raboof
0
60
JVM Hacking
raboof
0
290
Heating Up!
raboof
0
44
CRDTs Illustrated - StrangeLoop2015
raboof
0
280
HTTP/2
raboof
0
70
Unikernels - Dutch Devops Engineers workshop
raboof
0
120
akka-persistence
raboof
0
48
Kamon
raboof
0
110
Slim table types (FitNesse meetup)
raboof
0
49
Other Decks in Technology
See All in Technology
能登半島地震で見えた災害対応の課題と組織変革の重要性
ditccsugii
0
550
2025-10-09_プロジェクトマネージャーAIチャンス
taukami
0
120
Azure Well-Architected Framework入門
tomokusaba
1
350
三菱電機・ソニーグループ共同の「Agile Japan企業内サテライト」_2025
sony
0
140
【Oracle Cloud ウェビナー】クラウド導入に「専用クラウド」という選択肢、Oracle AlloyとOCI Dedicated Region とは
oracle4engineer
PRO
3
130
Performance Insights 廃止から Database Insights 利用へ/transition-from-performance-insights-to-database-insights
emiki
0
230
「AI駆動PO」を考えてみる - 作る速さから価値のスループットへ:検査・適応で未来を開発 / AI-driven product owner. scrummat2025
yosuke_nagai
3
830
Codexとも仲良く。CodeRabbit CLIの紹介
moongift
PRO
0
150
実装で解き明かす並行処理の歴史
zozotech
PRO
1
710
Git in Team
kawaguti
PRO
3
350
E2Eテスト設計_自動化のリアル___Playwrightでの実践とMCPの試み__AIによるテスト観点作成_.pdf
findy_eventslides
2
600
20251014_Pythonを実務で徹底的に使いこなした話
ippei0923
0
180
Featured
See All Featured
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.4k
Large-scale JavaScript Application Architecture
addyosmani
514
110k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
37
2.6k
The Art of Programming - Codeland 2020
erikaheidi
56
14k
Raft: Consensus for Rubyists
vanstee
139
7.1k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
Site-Speed That Sticks
csswizardry
11
900
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
30
2.9k
Done Done
chrislema
185
16k
Unsuck your backbone
ammeep
671
58k
Agile that works and the tools we love
rasmusluckow
331
21k
The Cult of Friendly URLs
andyhume
79
6.6k
Transcript
Typesetting Code Arnout Engelen @raboofje Xebia TED-style XKE 27 sep
2016
Flamebait ahead Industrial-strength Asbestos Underwear
1954: IBM FORmula TRANSlating, FORTRAN Preliminary Report on The IBM
Mathematical FORmula TRANSlating System, FORTRAN
1963: ALGOL 60 Language Report
Fonts: proportional vs monospaced Adobe Source Sans Pro Adobe Source
Code Pro
1975: K&R “C Programming Language”
1983: Smalltalk
Fonts: propertional vs monospaced
1983: Knuth’s “Literate Programming”
1983: Knuth’s “Literate Programming”
Alignment
Alignment
Alignment: diff
Alignment: meld
Alignment: automatic
Alignment: elastic tabstops http://nickgravgaard.com/elastic-tabstops/
Alignment: dynamic re-flowing https://facebook.github.io/reason/tools.html
Ligatures in classic Typography
Ligatures - Fira Code
Fonts public class Elementary { public static void main(String[] args)
{ System.out.println(12345 + 5432l); } }
Fonts public class Elementary { public static void main(String[] args)
{ System.out.println(12345 + 5432l); } } 1) 66666 2) 17777
Fonts public class Elementary { public static void main(String[] args)
{ System.out.println(12345 + 5432l); } } 1) 66666 2) 17777 Java Puzzlers, Bloch & Gafter, 2005
Fonts: Il1 http://jessicahische.is/talkingtype
Fonts: emphasis
Fonts: emphasis E.W. Dijkstra, EWD74, 1964
Fonts: emphasis
Fonts: color scheme
Fonts: color scheme
Fonts: emphasis and colour schemes
Make your code beautiful!
• http://www.literateprogramming.com/knuthweb.pdf • • https://facebook.github.io/reason/tools.html • http://jessicahische.is/talkingtype • https://github.com/tonsky/FiraCode