いまさらながら, デザインをいじってみた. Hatena2-darkgrayを基本として変更.
タイトル画像
せっかくなので, 化物語の各話タイトル風のを作った. 和文フォントは化物語の各話タイトルそのものに書いてある通りHGP明朝B. 英文フォントは似たのを探したらMonotype Corsivaがそれっぽい. 下に出ている数字の意味はよくわからないので, 「貳」「伍」「拾」「陸」は化物語での数字, 「佰」「夜」「日」「記」は小説版で「百」「夜」「日」「記」の各文字の出現する回数で代用. 先頭に0がつくかどうかはてきとー.
サイドバーは要らない
個人的には, できればブログにサイドバーはない方がいい. ブラウザは縦置きのワイドディスプレイに全画面で表示していて, このワイドディスプレイ全盛の時代でも横幅が1050しかないので, サイドバーが2列あるブログなんかを読むときにはFirebugでサイドバーの要素を削除するくらいに, ブログにサイドバー要らない派. スマートフォンまでいくと専用デザインを用意すべきとしても, ノートPCやネットブック, タブレットPCでWebを見る人も多いだろうに, 幅1000くらいで快適に閲覧できないサイトは酷いと思う.
もともとサイドバーにあった項目ごとに要るかどうか確認.
- カレンダー
- 自分のブログでも他人のブログでも使ったことがない
- カテゴリー
- 自分ではたまにしか使わないけれど, 他人のブログを読むときにまずこれを使うという意見を頂いた
- 最新タイトル
- ブログトップが見やすければ要らないはず
- 最近のコメント
- ブログ主が把握してればいい(/
/commentlistやm.hatena.ne.jpをマメにチェックする) - 最近のトラックバック
- ブログ主が把握してればいい(/
/trackbacklist, 同上) - プロフィール
- リンクは欲しいけれど, 内容が常に表示される必要はなく, 見たいときに見られればよい
カテゴリー以外は消して, .sidebar
を右側に出すのをやめてヘッダに持ってきて, .hatena-moduletitle
, .hatena-modulebody
, .hatena-modulebody ul
, .hatena-modulebody ul li
をインラインに表示すれば, すっきり見せられる.
時刻にタイムゾーンを表示
個人的な趣味でタイムゾーンはUTCになっているので, それを表示. CSSセレクタでテキストノードは選択できないので, 仕方なく.sectionfooter:after
で指定. このために, 日付の後ろに出てしまうブクマ数表示などはやめた. はてなブックマーク拡張を使っている人はタイトルのところに出るし, permalinkを開けばブクマコメント一覧が出るので問題ないと判断した.
ちなみにIE8では表示されない.