todo

アイキャッチ画像で複数行の文字を書く必要がある時、枠の大きさを決めてその中に収まるように文字の大きさを変更する方法が汎用的で使えそうと思った

写真に黒いレイヤーを被せようとしている時点で、写真を見せたいというより文字を見せたいと思っている

写真に被せる文字を2重縁取りしてみたが、くどいように感じた

背景の写真に黒のグラデーションレイヤーを被せて、白い文字の色を目立たせる方法も良さそうに思えた

背景の写真に黒のレイヤーを被せて暗くし、白色の文字を目立たせる方法が良さそうだった

メソッドを作成する時、行に対してなど対象を明記し、どんな入力をして、どんな出力を得られるかを記述しておくと、メンテナンス時の理解が早まりそう

cssで文字の縁を作成する時は、文字を太文字にした方が良い

cssの-webkit-text-stroke: 1px black;を使用することで、文字の縁を作成できた

ただの縁取りは縁の色が背景と同じだと効果がなくなってしまうが、2重縁取りは外側の縁と背景が同じ色になっても縁取り文字なので、文字の2重縁取りは、カメラの三脚のように自立していると感じた

アイキャッチで文字の縁を2重につける方法を試してみて、視認性が上がって立体感が出たように感じた