BonMot Lightning Talk @ AltConf 2016

Learn about BonMot, a library for making beautiful typography on iOS.

Transcript

1. Zev Eisenberg from
3. 8:21 PM - 13 Mar 2015 NSAttributedString is great because it’s the result of years of research that have shown coupling between data and presentation to be ideal. @hyperspacemark Mark Adams
4. let label = UILabel() let paragraphStyle = NSMutableParagraphStyle() paragraphStyle.lineHeightMultiple = 0.7 paragraphStyle.alignment = .Center let attributes = [ NSFontAttributeName: UIFont.systemFontOfSize(150), NSForegroundColorAttributeName: UIColor.whiteColor(), NSParagraphStyleAttributeName: paragraphStyle, ] label.attributedText = NSAttributedString( string: "Lightning talk", attributes: attributes) Lightning talk
5. let label = UILabel() let paragraphStyle = NSMutableParagraphStyle() paragraphStyle.lineHeightMultiple = 0.7 paragraphStyle.alignment = .Center let attributes = [ NSFontAttributeName: UIFont.systemFontOfSize(150), NSForegroundColorAttributeName: UIColor.whiteColor(), NSParagraphStyleAttributeName: paragraphStyle, ] label.attributedText = NSAttributedString( string: "Lightning talk", attributes: attributes) Lightning talk
6. let label = UILabel() label.attributedText = BONChain() .lineHeightMultiple(0.7) .alignment(.Center) .font(.systemFontOfSize(150)) .color(.whiteColor()) .string("Lightning Talk") Lightning talk
7. let label = UILabel() label.attributedText = BONChain() .lineHeightMultiple(0.7) .alignment(.Center) .font(.systemFontOfSize(150)) .color(.whiteColor()) .string("Lightning Talk") .attributedString Lightning talk
8. Metropolis 1925 1984 1949 Fever 1973 2000 Peter Pan 1911 Catch-22 1961
9. let baseChain = BONChain() .color(.whiteColor()) .font(.systemFontOfSize(50)) let titleChain = baseChain .alignment(.Left) let yearChain = baseChain .alignment(.Right) Metropolis 1925 1984 1949 Fever 1973 2000 Peter Pan 1911 Catch-22 1961
10. let baseChain = BONChain() .color(.whiteColor()) .font(.systemFontOfSize(50)) let titleChain = baseChain .alignment(.Left) let yearChain = baseChain .alignment(.Right) Metropolis 1925 1984 1949 Fever 1973 2000 Peter Pan 1911 Catch-22 1961
11. let baseChain = BONChain() .color(.whiteColor()) .font(.systemFontOfSize(50)) let titleChain = baseChain .alignment(.Left) let yearChain = baseChain .figureSpacing(.Tabular) .alignment(.Right) Metropolis 1925 1984 1949 Fever 1973 2000 Peter Pan 1911 Catch-22 1961
12. let baseChain = BONChain() .color(.whiteColor()) .font(.systemFontOfSize(50)) let titleChain = baseChain .alignment(.Left) .pointTracking(22) let yearChain = baseChain .figureSpacing(.Tabular) .alignment(.Right) M e t r o p o l i s 1925 1 9 8 4 1949 F e v e r 1 9 7 3 2000 P e t e r P a n 1911 C a t c h - 2 2 1961
13. Kerning T r a c k i n g
14. Kerning T r a c k i n g
17. AltConf June 13 – 16 image hair space en dash narrow no-break space
18. "{image108x108}{narrowNoBreakSpace} AltConf June 13{hairSpace}{enDash} {hairSpace}16" AltConf June 13 – 16 image hair space en dash narrow no-break space
19. I went to AltConf, and it was not too cold! Je suis allé à AltConf, et il n’était pas trop froid!
20. let string = "I went to AltConf, and it was <emphasis>not</emphasis> too cold!" I went to AltConf, and it was not too cold!
21. let string = "I went to AltConf, and it was <emphasis>not</emphasis> too cold!" let chain = BONChain() .string(string) .font(.systemFontOfSize(50)) .color(.whiteColor()) .tagStyles([ "emphasis": BONChain() .font(.boldSystemFontOfSize(50)) .color(myBlue) ]) I went to AltConf, and it was not too cold!
22. let string = "I went to AltConf, and it was <emphasis>not</emphasis> too cold!" let chain = BONChain() .string(string) .font(.systemFontOfSize(50)) .color(.whiteColor()) .tagStyles([ "emphasis": BONChain() .font(.boldSystemFontOfSize(50)) .color(myBlue) ]) I went to AltConf, and it was not too cold!
23. let string = "I went to AltConf, and it was <emphasis>not</emphasis> too cold!" let chain = BONChain() .string(string) .font(.systemFontOfSize(50)) .color(.whiteColor()) .tagStyles([ "emphasis": BONChain() .font(.boldSystemFontOfSize(50)) .color(myBlue) ]) "Je suis allé à AltConf, et il <emphasis>n’</ emphasis>était <emphasis>pas</emphasis> trop froid!" I went to AltConf, and it was not too cold! Je suis allé à AltConf, et il n’était pas trop froid!
24. git.io/bonmot @ZevEisenberg