ブログテーマ「m1BlackFrame」を公開しました

Webデザインの再学習のために少しずつ作っていた、はてなブログの自作テーマがようやく完成。
公式のテーマストアにて公開しました！

アピールポイント

黒を基調とした1カラムレイアウト。記事の左右に余分な情報がないことから、写真・イラスト・動画をメインコンテンツとしてじっくり見て欲しいブログに適していると思います。展示会の壁面や、台紙が黒のフォトアルバムをイメージしました。（とはいえ設定で明るい背景にもできます）

文章の読みやすさに関しても、boilerplate.css（サンプルテーマ）のスタイルを踏襲しつつ今の自分の感覚で調整を加えています。

なんでまた唐突にブログテーマ制作なのか。

むかし趣味で覚えたきり錆び付いていたHTML&CSSのスキルをアップデートしたくなり、新しめの参考書を買い直して再学習したりしなかったり（サボったり）していました。当初は練習場として新しい趣味サイトを立ち上げるつもりでしたが、そのためにはコンテンツを用意する必要が出てくるわけで、思いつきからラノベ的な駄文を書き始めるも数日後に「これ何のためにがんばってんだろ……」と我に返り目的を見失い。

そこで、いま使っているはてなブログのテーマを作ることにしたんです。
コンテンツの下準備はほぼ不要だし、はてなブログのソースはHTML5なので本で学んだことが参考になるし、自分で書くのはCSSだけなのでCSSに的を絞った手ごろな練習になりそうだと思って。

一週間くらいでさくっと終えるつもりでしたが、課題にぶつかったりサボり日が多かったりこだわりが炸裂したりして、結局、始めてから丸2ヶ月もかかっちゃいました……。とにかく今は無事に完成して嬉しいっす。

ふりかえって苦労話

投稿日の表示だけを背景に浮かせるアイデアは作業の序盤で出てきました。これを実現させつつ背景のカスタマイズを可能なままにするため、だいぶ遠回りをしました。普通ならarticleに白背景を指定すれば済むところを、それより下の階層(?)の各パーツごとに指定する必要があり、そしてそこにmarginがあると背景が透けてしまうと分かってあちこちpaddingに置き換えて。

あとはサイドバーがとにかく時間かかりました。管理画面での設定次第で細かく変化するのにすべて対応しないといけなくて、「こんなオプションあるの初めて知った……まじかー……（そしてやり直し）」みたいな場面が何度あったか(笑)
最終的には元のboilerplate.cssから447行増えて、圧縮する前のファイルサイズは1.4倍に。