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

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

More Decks by Gunnar Bittersmann

See All by Gunnar Bittersmann
TIL about showModal (from small things big things one day come)
gunnarbittersmann
0
4
Inclusive Design 24 2022 – Gunnar’s picks
gunnarbittersmann
0
8
The color rebeccapurple
gunnarbittersmann
0
6
Mehrsprachige Websites
gunnarbittersmann
0
11
TIL about -starting -blocks
gunnarbittersmann
0
5
TIL about hyfunation
gunnarbittersmann
0
9
TIL about font subsetting₂
gunnarbittersmann
0
4
TIL warum nicht GROẞ
gunnarbittersmann
0
3
TIL about cards
gunnarbittersmann
1
5

Other Decks in Programming

See All in Programming
Use KMM to call the API of the National Tax Agency
akkeylab
0
290
KubeClarityで始めるSBOM管理 @3-shake SRE Tech Talk / 3-shake-sre-teck-talk-202212
masayaaoyama
0
290
Micro Frontends with Module Federation @MicroFrontend Summit 2023
manfredsteyer
PRO
0
410
(新米)エンジニアリングマネージャーのしごと #RSGT2023
murabayashi
9
5.4k
ちょうぜつ改め21世紀ふつうのソフトウェア設計
tanakahisateru
7
5.9k
状態ってなに？🙃
taro28
0
260
はてなリモートインターンシップ2022 フロントエンドブートキャンプ 講義資料
hatena
0
110
様々なWebアプリをAzureにデプロイする
tomokusaba
0
110
ipa-medit: Memory search and patch tool for IPA without Jailbreaking/ipa-medit-bh2022-europe
tkmru
0
120
和暦を正しく扱うための暦の話
nagise
10
4.6k
Git Rebase
bkuhlmann
10
1.2k
AWS App Runnerがそろそろ本番環境でも使い物になりそう
n1215
PRO
0
840

Featured

See All Featured
Testing 201, or: Great Expectations
jmmastey
25
5.7k
How to train your dragon (web standard)
notwaldorf
66
4.2k
The Straight Up "How To Draw Better" Workshop
denniskardys
226
130k
Atom: Resistance is Futile
akmur
256
24k
Embracing the Ebb and Flow
colly
75
3.6k
Into the Great Unknown - MozCon
thekraken
2
280
The Language of Interfaces
destraynor
149
21k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
239
19k
jQuery: Nuts, Bolts and Bling
dougneiner
57
6.6k
GitHub's CSS Performance
jonrohan
1020
430k
Facilitating Awesome Meetings
lara
33
4.6k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
657
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