デザインを変えました
見る人がみればすぐわかるけど、このブログははてなブログで運用されている。これまではてなで提供されてるデザインをカスタマイズして使っていたんだけど、DOMが多くて、どのmarginが効いてるのかとか、どこでtext-alignされてるのかとか毎回調べないといけなくて四苦八苦してた。
2カラムレイアウトにしようと思ったのだけど、さすがにoverrideする方法では辛くなったので自分で書いた。harukasan.jpはMiddlemanで作っているので、ディレクトリに適当に突っ込んで、SCSSをbuildしてもらうようにした。ソースはここに置いてある。
DOMが結構難しくて、本文の下にあるシェアボタンをposition:absolute
で持ってきてmarginに置く様なことをしている。他のブログもこんなかんじで持ってきてるんだと思う。できればDOMの並び替えができれば良いんだけど、作り込むの大変だし、サービスの本質ではない気がする。
はてなブログでは1つしかないものには積極的にid attribute
が使われていて、class attribute
と区別されている。id attribute
を使うのはそんなに悪くないと思うけど、CSSを書くときにid attribute
とclass attribute
を区別する理由は特にない。できればすべてclass attribute
で書きたいので、id attribute
と同じ値のclass attribute
がついていると嬉しい。
あと、オフィシャルのテーマでも触れられてないけど#box1ってなんなんだろうか。