カクヨムでの縦組み表示の実装と、縦書きWebの将来に向けて by nanto vi
CSSでwriting-mode: vertical-rl;
縦中横
縦書きの中に横書きを入れる例外処理
2桁の数字は横に並べる
長い英文は90度回す
text-cimbine-upright: all;などで指定
東アジアの文字かどうか、文字数などで変える
回転させると不自然になる文字
(や)や「や」など
スクロール
左に読んでいくと、scrollXが負数になる
IE, Edgeでは、勝手にX座標がscrollYになる
Chrome 65で表示が崩れる
Chrome66を待つ
Chrome 66で一部の要素が表示されない
cssでz座標を付けるとGPUで計算されて、正常に表示されるやつ
safariで固定要素の中身をスクロールできない
jsで自前実装した
ブラウザベンダにbug報告していく
HTML仕様にpull requestする
Webのeの上のスペースが気になるshokai.icon