Pro Yearly is on sale from $80 to $50! »

TIL about text-orientation

051dbe29a972707cde167602b38c9778?s=47 Gunnar Bittersmann
January 06, 2020
Programming
0
48

TIL about text-orientation

Lightning talk on vertical text

051dbe29a972707cde167602b38c9778?s=128

Gunnar Bittersmann

January 06, 2020
Tweet

More Decks by Gunnar Bittersmann

See All by Gunnar Bittersmann
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
0
9
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
0
8
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
1
22
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
0
28
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
2
16
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
0
23
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
0
48
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
0
58
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
0
21

Other Decks in Programming

See All in Programming
38de416c9984b22bff1d2b049c7d51a8?s=48 fossamagna
0
360
67962a042668ffac9323b8e0c55eee6e?s=48 keisuke69
6
3.1k
20c5ddcad23304aed77ce8c3aa020562?s=48 tkmru
2
270
7edddae207b212e5e035133d9eb10b82?s=48 russhwolf
1
180
C302e84057a922dce0ecbe80207e3fcc?s=48 mu_zaru
1
130
D65e990ab4df0d0a75c3b0ae5d036bc5?s=48 martinlippert
1
220
15934fa2aa7b2ce21f091e9b7cffa856?s=48 manfredsteyer
0
130
354e3e2cfb772abdf62bd92c92f89547?s=48 tarunpothulapati
0
130
911650d8fcd455d179e45b4bf6cb7219?s=48 masaykisano
0
150
4ae5ae2c4411d41bd8c7e75830ed313d?s=48 myamagishi
1
220
4578d99b560b2a470e05288ef6766ac2?s=48 paulk
0
660
Acdecb7b4baebb0d4c521626d21adc6a?s=48 motikoma
1
250

Featured

See All Featured
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
71
3.5k
E4f5d494ebdc9e7cce1aecf3ce3e8bc1?s=48 shpigford
366
42k
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
408
57k
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
70
1.3k
79acae287842acf29084005533a7fb3b?s=48 hursman
105
9.2k
C0390e8b11079f8761c0cd3274ed61cb?s=48 productmarketing
5
590
A0517b08532aec8ab2aae3f65d40ad86?s=48 hannesfritz
27
910
78b475797a14c84799063c7cd073962f?s=48 holman
288
130k
D36d2c1821af9249b69ff7f5ed60529b?s=48 tammielis
237
23k
A60068bce2e73de3a37ca9d2dbe36092?s=48 bryan
100
11k
2f5463832ccb768ccb4a1ca3607c27ef?s=48 jacobian
255
19k
15f2b8221f247985a27a627d2ece72f0?s=48 pauljervisheath
195
15k

Transcript

  1. TIL about text disorientation

  2. YOURS TRULY

  3. YOURS REALLY TRULY

  4. YOURS REALLY REALLY T

  5. YOURS REALLY REALLY TRULY

  6. 国际化活动W3C万维 ⽹联盟 writing-mode: horizontal-tb

  7. 国 际 化 活 动 W3C 万 维 ⽹ 联

    盟 writing-mode: vertical-rl

  8. YOURS REALLY REALLY TRULY footer { writing-mode: vertical-rl; }

  9. footer { writing-mode: vertical-rl; transform: rotate(0.5turn); } YOURS REALLY REALLY

    TRULY

  10. © YOURS TRULY

  11. © footer { writing-mode: vertical-rl; transform: rotate(0.5turn); } YOURS TRULY

  12. 国 际 化 活 动 W3C 万 维 ⽹ 联

    盟 writing-mode: vertical-rl 国 W © Lo – Letter, other Lu – Letter, uppercase So – Symbol, other

  13. © footer { writing-mode: vertical-rl; transform: rotate(0.5turn); } YOURS TRULY

  14. © footer { writing-mode: vertical-rl; transform: rotate(0.5turn); text-orientation: sideways; }

    YOURS TRULY

  15. - TIL about text orientation