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

TIL about text-orientation

Gunnar Bittersmann
January 06, 2020
Programming
0
180

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
73
Go home, Prettifier, you’re drunk!!
gunnarbittersmann
0
57
3 Fehler sind zu finden
gunnarbittersmann
0
70
TIL that the future :has already begun
gunnarbittersmann
0
61
TIL how to clear floats
gunnarbittersmann
0
59
TIL about showModal (from small things big things one day come)
gunnarbittersmann
0
65
Inclusive Design 24 2022 – Gunnar’s picks
gunnarbittersmann
0
66
The color rebeccapurple
gunnarbittersmann
0
81
Mehrsprachige Websites
gunnarbittersmann
0
75

Other Decks in Programming

See All in Programming
OpenAPIを中心に考えるAPI開発入門 / Introduction to API Development with a Focus on OpenAPI
seike460
PRO
2
100
SwiftUI Performance 不要なViewの再描画と更新を抑える
bigamitiongit
1
150
品質とスピードを両立: TypeScriptの柔軟な型システムをバックエンドで活用する
kosui
8
2.2k
CQRS/ES avec Symfony, c’est (trop) bien !
jeremyfreeagent
1
630
Folding Cheat Sheet #1
philipschwarz
PRO
0
210
今、知っておきたい! 生成AIエージェントの世界
elith
3
340
PHPの次期バージョンはこの時期どうなっているのか - Internalsの開発体制について - PHPカンファレンス小田原
youkidearitai
PRO
1
180
ログラスを支える設計標準について / loglass-design-standards
urmot
10
2.1k
ADRを一年運用してみた/adr_after_a_year
hanhan1978
7
2.2k
Designing for tomorrow's programming workflows
honnibal
PRO
2
110
ONE WEDGE_company_guide
1wedge_one
0
340
App Router への移行は「改善」となり得るのか？/ Can migration to App Router be an improvement
takefumiyoshii
8
2.1k

Featured

See All Featured
The Cult of Friendly URLs
andyhume
73
5.7k
Building Effective Engineering Teams - LeadDev
addyosmani
26
1.8k
Fashionably flexible responsive web design (full day workshop)
malarkey
397
65k
Designing the Hi-DPI Web
ddemaree
276
33k
Become a Pro
speakerdeck
PRO
9
4.5k
GitHub's CSS Performance
jonrohan
1023
450k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
75
41k
Why Our Code Smells
bkeepers
PRO
331
56k
We Have a Design System, Now What?
morganepeng
42
6.7k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
501
140k
Keith and Marios Guide to Fast Websites
keithpitt
408
22k
Scaling GitHub
holman
457
140k

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