Re: 縦横切替想定時のCSSのbest practices

山口です、今日は途中しか参加出来なさそうなので…

パンくずリストとか、目次の配置とか、そういった従来からの工夫の縦組み版サンプルも欲しいですね。

> ・サンプルページを作るよりは、jlreqみたいなさまざまな要素があるでかいものを縦横切替で見た方が課題抽出は近そう

縦横それぞれにスマホ版も用意するとよいと思います。

> facebookとかのSNSなどのUGC系のサイトとか

詳しくないのですが、大きいところはサイトの構造的にも人的にも分業してたり、CSSを生成する仕組みを使ったりしてるでしょうから、めんどくさそうです。
「ユーザーのみなさま頑張ってください」ですかね

> ・レイアウトを構築するという面ではposition fixedなどでの画面配置操作にどう対応するか

positionも、topの代わりの、inline-start的なのがあるのでしたっけ?

> width/heightってどーすんだとかvw/vhなどの単位ってどーすんだ、あたりが皆目見当つきませんでした

widthはinline-start的なのがあった気がします。
この前縦横サンプル作ったときに、両方のCSS直しながら対応しました。

2023/03/22 18:24、Atsushi Shimono (W3C Team) <atsushi@w3.org>のメール:

 shimonoです

 前回のミーティングでjlreqを縦横切替えてきちんと表示できるように、や、そこで問題になるCSSな
どのライティングガイド的なbest practiceを集めていくのはどうか、という議論が上がっています。
 というのを受けて、ちょこちょこと木田さんと話をしていたのですが、現状での雑感としてはこんな
感じです:

・サンプルページを作るよりは、jlreqみたいなさまざまな要素があるでかいものを縦横切替で見た方が課題抽出は近そう
  ただし網羅性に欠けるので痛しかゆし
  facebookとかのSNSなどのUGC系のサイトとかも?(完璧に崩れて何も表示されなくなるところが多いですが、、、)
・パッと見た感じ、shorthand系が一番課題になりそう
  margin-leftとmargin-inline-startのペアはあるがshorthandがmarginとmargin-block/margin-inlineのペアになって置換が簡単でない?
・レイアウトを構築するという面ではposition fixedなどでの画面配置操作にどう対応するか
  width/heightってどーすんだとかvw/vhなどの単位ってどーすんだ、あたりが皆目見当つきませんでした
  有識者の方のコメントが欲しい
・アイコンの縦横問題はでかい
  リスト表記アイコンは90度回転してほしいよね、とか
  google material iconとかは何か対応してたりするんだろうか?(縦書き用グリフとかはないか、、、)



 てところで、思ったよりもかなりめんどくさい領域に足を踏み込んでしまった気もするところ、、
・電子書籍みたいなのも含む一般的なテキストサイト
・それなりにデザインされたサイトの一部分でなく全体
みたいにターゲットのレベルをいくつかに分けてみるとかも必要そうですかねぇ、というのが現状の「感
想」です。。

Received on Tuesday, 2 May 2023 01:10:51 UTC