csstutorialを終えて
指摘・改善事項の振り返り
cssについて基本的なところは抑えていたつもりであるが、ワークを開始すると、あやふやなところ、テクニカルな事項で不足しているところがかなりあり、時間を要した。
作成に際して、いろんなサイト情報を参考にさせていただきました。
csstutorialを終えて、改善・留意事項等、指摘をいただき、備忘と今後の参考のため、以下、書き記す。
サイトの目的により優先順位、観点が違ってくることもあるが、以下。
文章の読みやすさ
- 文章を読みやすくするために、line-height(行間) は必ず指定。特に、和文の場合、英文よりも広くline-heightを取らないと可読性が悪い。
操作性への配慮
- input 周りでは、paddingを指定。余白を多めに取ったり、角を丸くしたりなどし、入力に伴う心理的ハードルを低く。
- 業務アプリの場合は、一つの画面でなるべくスクロールをしないで多くの処理ができるように、処理効率の観点に留意。
- 見逃しや、ミスを誘発しないよう、リンクの周り、インプット周りにマージンを付ける。
可読性
- cssのインデントもhtmlと同様、揃える。
参考サイト