Wavebox 押してくださった方ありがとうございます！
Tailwind CSS を剥がした
見てる人には本当にどうでもいいんですが、このサイトのスタイリングに使用していた Tailwind CSS というライブラリを剥がしました。
Tailwind CSS は rounded-full とか text-sm みたいなユーティリティクラスを組み合わせてスタイリングするもので、私の観測範囲内においては比較的よく使われます。
しかし、このユーティリティクラスを覚える手間＆Tailwind CSS で未定義のスタイルを当てるときの手間が、得られるメリットに釣り合うとは全然思えなくて、正直昔から嫌いです……。
けれども業務ではしばしば使用を強制されるので、好きになろうと思ってこのサイトで使ってみてたんですが、最近メジャーバージョンアップがあって設定ファイルとか諸々移行しなくてはいけなくなり……。
CSS は高い下位互換性を維持していて、基本的にはデザインを変えないなら CSS を修正する必要はないのに、なんで Tailwind CSS の都合で書き換えないといけないんじゃい！ という気持ちになって剥がそうと決めました。
ついでにリセット CSS も見直し、使用を控えていた一部プロパティも解禁したので、今までと見え方が異なる部分があるかもしれないです。
なるべく最新のブラウザで見てください🙏
Safari が OS と紐づいてて困るんですよね……。
意図して変えた部分
一部、意図してデザインを変えたところがあります。
<button> にマウスカーソルを合わせたときに cursor: pointer にするのをやめました。
W3C という標準化団体や Microsoft や Apple のガイドラインによると cursor: pointer はリンクを示すものらしいです。
pointer
The cursor is a pointer that indicates a link.
一般的にボタンに cursor: pointer を当てるのはよくあるデザインで、今まで使っていた Tailwind CSS v3 でもデフォルトのスタイルとしてそうなっていましたが、v4 ではやめるということで私も合わせてみました。
そもそも最近は閲覧に用いるデバイスの多くがタッチデバイスですし、押せそうな見た目というのはカーソル以外の部分で表現する必要があるのでしょう。
このサイトのボタンは全然押せそうな見た目ではないので、なんらかの調整は加えていきたいですね……。
とりあえずマウスカーソルでホバーしたら透明度をやや下げるようにしました。
近況
雪の中で雪かきをしたら風邪ひきました。
あと今朝起きたら右目の下瞼が腫れていて、放置していいものかどうかよくわからないでいます。
しこりとか無くて本当に腫れてるだけだし、三日間くらい様子見ようかな……？
あと久しぶりに活動報告ブログを書きました。単にかいた物のリンクをまとめただけです。
おわり