Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
TIL about text-orientation
Gunnar Bittersmann
January 06, 2020
Programming
0
150
TIL about text-orientation
Lightning talk on vertical text
Gunnar Bittersmann
January 06, 2020
Tweet
Share
More Decks by Gunnar Bittersmann
See All by Gunnar Bittersmann
Frühstück mit Pu
gunnarbittersmann
0
9
Grid to the future, Part II
gunnarbittersmann
0
4
CSS for Designers
gunnarbittersmann
0
36
Früchte des Zorns
gunnarbittersmann
0
13
TIL about coming downstairs
gunnarbittersmann
0
17
ISO 9241 – Ergonomie der Mensch-System-Interaktion
gunnarbittersmann
0
58
TIL :where the fun :is
gunnarbittersmann
0
18
What a kerning!
gunnarbittersmann
0
32
TIL where no one has gone before
gunnarbittersmann
0
23
Other Decks in Programming
See All in Programming
Edge Side Frontend という新領域
mizchi
22
10k
プロダクトの成長とSREと
takuyatezuka
0
120
「混ぜるな危険」を推進する設計
minodriven
8
2.5k
Isar勉強会
hoddy3190
0
390
SAM × Dockerでサーバーレス開発が超捗った話
yu_yukk_y
1
200
Getting Started With Data Structures
adoranwodo
1
260
企業内スモールデータでのデータ解析
hamage9
0
880
Rust、何もわからない...#3
estie
0
150
リーダブルテストコード / #vstat
jnchito
47
35k
クックパッドマートの失敗したデータ設計 Before / After 大放出
mokuzon
20
25k
ESM移行は無理だけどおれもSindreのライブラリが使いたい!
sosukesuzuki
2
540
僕が便利だと感じる Snow Monkey の特徴/20220723_Gifu_WordPress_Meetup
oleindesign
0
110
Featured
See All Featured
The World Runs on Bad Software
bkeepers
PRO
57
5.4k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
37
3.3k
A Tale of Four Properties
chriscoyier
149
21k
Six Lessons from altMBA
skipperchong
14
1.4k
What’s in a name? Adding method to the madness
productmarketing
11
1.6k
Designing with Data
zakiwarfel
91
4k
Producing Creativity
orderedlist
PRO
334
37k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
6
560
Done Done
chrislema
174
14k
Designing Experiences People Love
moore
130
22k
4 Signs Your Business is Dying
shpigford
169
20k
Debugging Ruby Performance
tmm1
65
10k
Transcript
TIL about text disorientation
YOURS TRULY
YOURS REALLY TRULY
YOURS REALLY REALLY T
YOURS REALLY REALLY TRULY
国际化活动W3C万维 ⽹联盟 writing-mode: horizontal-tb
国 际 化 活 动 W3C 万 维 ⽹ 联
盟 writing-mode: vertical-rl
YOURS REALLY REALLY TRULY footer { writing-mode: vertical-rl; }
footer { writing-mode: vertical-rl; transform: rotate(0.5turn); } YOURS REALLY REALLY
TRULY
© YOURS TRULY
© footer { writing-mode: vertical-rl; transform: rotate(0.5turn); } YOURS TRULY
国 际 化 活 动 W3C 万 维 ⽹ 联
盟 writing-mode: vertical-rl 国 W © Lo – Letter, other Lu – Letter, uppercase So – Symbol, other
© footer { writing-mode: vertical-rl; transform: rotate(0.5turn); } YOURS TRULY
© footer { writing-mode: vertical-rl; transform: rotate(0.5turn); text-orientation: sideways; }
YOURS TRULY
- TIL about text orientation