サイトのUI周りなどの調整を行いました。

JavaScriptの削除


gitの履歴を見る感じだと7/8にはやっていたようですが、記事にするのをすっかり忘れていました。スクロール時にheaderの部分の背景を変えるという目的で最後のJavaScriptが生き残っていたのですが、そちらもいらんだろうと思ったので消しました。

もちろん、アナリティクスが設置してあったり、一部ページ(タグページとか数式表示してるページとか)でCDNを参照しているのはあるんですが、それらを除いてはなくなりました。ブラウザのJavaScriptをOFFにしても98.5%くらいのページで問題なく閲覧できると思います。

色の調整


ポータルサイトの下記の配色が気に入っているのでそちらから逆輸入する形で主調色を紺色に近い色(全く同じではない)にしました。

前後の比較です。上が以前の色で下が現在の色です。


以前はなんというか茶色っぽいチャコール色で、少し可愛い目の印象だったのですが、落ち着いた感じになったのではないかと思います。

これらは下記に適用しました。

  • 見出し(h1 ~ h6)
  • 本文
  • ボタン系
  • フッター

フッターの変更


前述のとおり、色の変更に加えて位置や高さの調整を行いました。今回は(CSS力不足で)やっていませんが、いずれはページの高さに合わせてちゃんと最下部に表示するように調整したいです。

その他


その他、細かいですが下記のような変更を入れました。

  • 引用部が本文と区別しにくかったため少し薄めに変更
  • トップページのメニューボタンの見た目の変更
  • ヘッダー右上のボタンの色を変更
  • 横線 (hr) を限りなく薄い色に変更
  • アラート(強調用のパーツ)を柔らかめに変更