Upgrade to Pro — share decks privately, control downloads, hide ads and more …

TIL about text-orientation

Gunnar Bittersmann
January 06, 2020
Programming
0
220

TIL about text-orientation

Lightning talk on vertical text

Gunnar Bittersmann

January 06, 2020
Tweet

More Decks by Gunnar Bittersmann

See All by Gunnar Bittersmann
Responsive typography 2
gunnarbittersmann
0
110
Go home, Prettifier, you’re drunk!!
gunnarbittersmann
0
78
3 Fehler sind zu finden
gunnarbittersmann
0
130
TIL that the future :has already begun
gunnarbittersmann
0
93
TIL how to clear floats
gunnarbittersmann
0
85
TIL about showModal (from small things big things one day come)
gunnarbittersmann
0
98
Inclusive Design 24 2022 – Gunnar’s picks
gunnarbittersmann
0
87
The color rebeccapurple
gunnarbittersmann
0
140
Mehrsprachige Websites
gunnarbittersmann
0
92

Other Decks in Programming

See All in Programming
Thank you <💅>, What's the Next?
ahoxa
1
560
Compose Hot Reload is here, stop re-launching your apps! (Android Makers 2025)
zsmb
1
560
Cursor/Devin全社導入の理想と現実
saitoryc
25
18k
Youtube Lofier - Chrome拡張開発
ninikoko
0
2.5k
サービスレベルを管理してアジャイルを加速しよう！！ / slm-accelerate-agility
tomoyakitaura
1
190
小田原でみんなで一句詠みたいな #phpcon_odawara
stefafafan
0
350
プロダクト横断分析に役立つ、事前集計しないサマリーテーブル設計
hanon52_
2
490
複雑なフォームの jotai 設計 / Designing jotai(state) for Complex Forms #layerx_frontend
izumin5210
4
1.2k
MCP調べてみました！ / Exploring MCP
uhzz
2
2.3k
Unlock the Potential of Swift Code Generation
rockname
0
270
PHP で学ぶ OAuth 入門
azuki
1
210
[NG India] Event-Based State Management with NgRx SignalStore
markostanimirovic
1
170

Featured

See All Featured
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Agile that works and the tools we love
rasmusluckow
328
21k
4 Signs Your Business is Dying
shpigford
183
22k
Unsuck your backbone
ammeep
670
57k
Navigating Team Friction
lara
185
15k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
129
19k
What's in a price? How to price your products and services
michaelherold
245
12k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
227
22k
Code Review Best Practice
trishagee
67
18k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
13
1.4k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k

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