サイドにグレーの帯をひくデザインにしてみた。最初 18% グレーとかにしたんだけど、濃すぎたのでやめた。文字の場合は帯まで伸びず、写真やコードの場合は帯まで占有するようにした。

前まではこういう単純な帯でも画像をつくったりする必要があったけど、CSS のグラデーションのおかげで、かなり楽になった。今回は固定サイズの帯だけど、CSS でやるなら割合で適用できるので、フレキシブルになったなあと思う。

設定していたウェブフォントに Bold がなかったためか、ブラウザによってはだいぶ汚いボールドのエミュレーションがかかっている状態だったので、別のウェブフォントに変えた。あんまり複数スタイルを持っているウェブフォントがなくて難儀する。

前に使っていたフォント (Mate SC) はちょっとオールドっぽい感じものだったけど、今設定してる Merriweather はスッキリしててモダンになった気がする。