2016年8月21日日曜日

ウェブページデザイン時の忘れがちな注意点

たまにはデザインネタでも。

CSSでページをデザインするときの注意事項を一点。これについて書いてあるサイトはあまりなく、結構いろんなサイトがこの過ちをおかしています。

なんだよそれ

colorbackground-colorは必ずペアで指定すること!

これだけです。

どういうこと?

ほとんどの場合は問題ないんです。ほとんどの場合はデフォルトの背景色が白で文字色が黒なので。
しかし、環境によってはこれが違う場合があります。例えばLinuxではデスクトップ環境のテーマがページに影響を与えます。もしかしてこれはGTK+系のテーマだけかな。

このとき、colorだけ、またはbackground-colorだけしか指定していないと、テーマによっては文字色と背景色が似たような色になってしまい、とても見づらくなります。

試しに、少し前まで愛用していた"Arc-Dark"テーマでDropboxのトップページにある新規登録画面を見ると…
見えねえよヽ(`Д´)ノウワァァァン

ちなみに、ちょっと前までBloggerの管理画面もそんな感じでしたよ(チクリ)

0 件のコメント:

コメントを投稿