公式テンプレに先日発表の「天使と悪魔」のベースとなったテンプレがアップされました。見た目の特徴は極力排除した(ある意味ホワイトブックのような)テンプレです。FC2の新機能は織り込み済みなので、おもにCSSでカスタムされることを想定してるのでしょう。両方のCSSを見比べることによって、各ブロックへの背景画像の設定の仕方などがわかる仕組になってます(この発表順序には、ある戦略が隠されているような・・・)
大枠のCSSが、HTMLの入れ子の構造にあわせてインデントされてるところがアイディア。CSSのパターンマッチというのはもともと木構造なので直感的にもわかりやすい。この木構造というのはあらゆるところで使われていて、URLにしてもDOMにしても、毎日見ているパソコンのフォルダの階層なんかにしても基本の理屈はみな同じ。
そこでまた、小ネタなんだけど、テンプレのHTMLを書くさいにHTMLブロック要素の入れ子ごとにインデントを増減しておくと良いよって話。入れ子のブロックを開いたらインデントを増やして、閉じたらインデントを減らす、これも木構造。ベタ打ちよりは要素の閉じ忘れ防止にもなるし、出来上がりページをソースレベルで読む時(どんな時だ?)などに位置がつかみやすい。ただし、狭い編集画面では横スクロールしまくりになるので、使いやすいエディタを見つけることが先決になるでしょう。
で、さらに微小ネタ。インデントが横方向の見やすさだとしたら、縦方向の見やすさも欲しいところ。HTMLの編集画面に書かれた連続した半角空白と連続した改行は、出来上がりHTMLに出力されるときにはひとつに省略される(トラフィック削減の関係でしょうか?)ソースレベルで読む時(いいんだよ、好きなんだから)空行が無いと結構しんどい。そこで
改行+半角スペース+改行
と記入しておけば省略されずに出来上がりHTMLに空行を入れられる。おおまかなブロック(見出しと本文とか、コンテンツとメニューとか)の間の要所にコレを入れておけば、さらに位置がつかみやすく、また読みやすくなる。
ただし(こればっかだが)同じFC2ブロック変数が連続して出現(<!--topentry-->とか)する場合、ユーザサイドでは間には何も入れることができない。以前、FC2ブロック変数終了ごとに改行コードを入れて欲しい、と要望を出したのだけど、これは環境ごとにいろいろ問題(よく知らない)があるようで難しいらしいです。ちと残念。