最新 追記

おこたの国


2019-10-20 そろそろ颱風にはあきてるんですけど

_ [tDiary] サイトをダークモード対応

いつの間にかCSSで変数が使えるようになってた。prefers-color-scheme 使って、light と dark それぞれで要素ごとの色を変数で決めといて、要素側でその変数を参照させるだけ。

不満は山ほどあるけど、とりあえず老眼には優しくなった。

しかし、tDiary、Safariのリーダーに対応してない…

_ [tDiary] iOS12 の safari が変数読んでくれない

うちには iPadOS 13 はあっても iOS 13 がない。iPad では変数指定した色で表示されるが、iPhone では色抜けする。OS のせいなのか、iPhone のせいなのか判別不能。個人 iPhone は 5s なので iOS 13 にできないし、会社 iPhone はバージョンアップを止められていて、確認できない。

Egde も変数を読んでくれない模様。デフォ値にフォールバックさせる方法を考えよう。

追記

違った。iOS12 Safari と Edge が prefers-color-scheme を解さないだけだった。どちらも CSS変数 は理解してた。てなことで light mode の記述を prefers-color-scheme から外してデフォとして扱い、dark mode でのみ使うように変更した。

そのうち Edge は Chrome になることだし放っといてもダークモードに対応するだろう。5s ともそろそろお別れせんと。


2019-10-22 今日は祝日

_ [tDiary] サイトをダークモード対応その後

まだ okota.css をチマチマいじってたり。

  • ライトモードの色味をオリジナルの pain.css に近いものに戻した。
  • ついでにデザインもより pain.css 近くに戻した。
  • form のボタンのデザインが気に入らないんだけど、大きく手直ししたくないなあ。

あとカテゴリが間違ってたね。あまりに久しぶりすぎて。


2019-10-23 今日はひさびさにいい天気だった

_ [tDiary] カラーユニバーサルデザインの確認

便利なサイトがあったので確認してみた。

Colorblind Web Page Filter

URLと型(Protanopia(1型)/Deuteranopia(2型)/Tritanopia(3型)/Achromatopsia を指定すると、どう見えるか表示してくれる。恐れてたほどには悪くなかった。

Dark mode は、Light 設定をCSS 側でコメントアウトしたりして確認。

Site: Colorblind Web Page Filter


2019-10-26 今日もまた夕方まで寝てた

_ [COMP] 画面のバランス大事

日没後で Dark Mode になった画面しかひさしく見てなかったんだけど、Light Mode の画面はまたホント美しいな。もう、フォントからレイアウトからバランス良過ぎるだろうこれ。いや、フォントが美しいのは 4K だからか。でもレイアウトというかバランス大事。会社で使う Windows はこれほどになることがあるんだろうか…


2002|10|
2003|10|12|
2004|01|06|07|08|09|10|11|12|
2005|01|02|03|04|05|06|07|08|09|10|11|12|
2006|01|02|03|04|05|06|07|08|09|10|11|
2007|01|02|03|04|05|06|07|08|09|10|11|12|
2008|01|02|03|05|07|08|09|10|11|12|
2009|02|06|08|09|
2010|02|08|
2011|08|
2012|07|
2013|01|06|09|10|
2019|07|10|
2020|07|