No.281

サイト更新した!

・内容
SNSリンクにYoutubeとニコニコを追加
リンク追加(にしし ふぁくとりー、何らかの配布場)
検索エンジンに登録(COMPASSLINK、駄文同盟)
Faviconをバナー画像と同じデザインに変更
OGP画像を追加
プロフに代理ちゃんアイコンを追加

・デザインなど
メニューを追従式に変更
h2/h3のデザインを変更
コンテンツの区切り罫線登場
サイト側/てがろぐのロゴ画像色を変更
FontAwesomeのセルフホスティング再開
スマホ版のデザイン崩れ修正
html/css記述の気になるところ修正/変更
W3CとLighthouseに注意されたとこ修正

ヘッダーメニュー追従に憧れがあったので実装✌☺️✌
デカくて威圧感ある気がするけど……また気になったらサイズ感とか変わるかもしれない。
併せて、ロゴ画像の色を青っぽい黒→無彩色に変更しました。
前々からメニューとロゴの色味が微妙に違うせいで浮いてるのが気になって仕方なかったので、やっっっと変えられた!スッキリ!

h2/h3(見出し)のデザイン変更は、オレンジの★に視線めっちゃ吸われるなと思ったので変えてみた。
暫定的にぺけまーくにしてます。かわいい。

あとは、一部テンプレそのままで用途に合わない名前になってたidを変えたり、ロゴ部分など、とりあえあず <section> タグで囲ってたところを <header> <footer> に変えてみたり。

久しぶりにW3CとLighthouseに聞いてみれば「alt無いよ!」「終了タグが無いタグの末尾にスラッシュ付けないで!」とか色々と指摘してもらいまして。相変わらず勉強になる~
<hr /> 👈️ この書き方はXHTMLの書き方で、HTMLは<hr>で良いらしい
むしろ末尾の/が悪さをする場合があると…

ブログをいっぱい書いてた頃の知識と混ざってる気がする。
あのとき使ってたブログの言語がXHTMLだったから、
<hr /> 👈️ こういう書き方をしないといけなかった。
まあでもXHTMLの厳密な書き方を覚えたおかげで、今キレイな書き方ができてると思えばいい…のか…!

#個人サイト