06/24
 サイト鋭意構築中
Memo
 大まかなデザインは完了したので、トップページを一応こさえました〜〜。
 ブログ(News)とアンカーリンク以外は全部ダミーリンクなわけですが……。
 あとまだ細々と調整する部分もありますし、そのあたりは実際INFOページだったりテンプレ改変手引き書だったり、共通デザインでやるつもりのコンテンツの内容が固まらないことには……なのでしばらくはCSSを弄る工程が続きます。

 「ページ上部に戻るボタン」を作ることは確定しているんですが、そこにこう、スクロールするアニメーションを入れるか、それともフツーにアンカーリンクでただ上部へジャンプするだけにするか……jQueryなんですよねえそういうアニメーションは……。
 難しくはないから実装は簡単だけどどうしよう……うーん……という懊悩をさっきまでしてました。
 アニメだけじゃなく、「ページ最上部から少しスクロールするとボタンが出現」とか「フッターの手前でボタンが止まる(=フッターをボタンで隠さないようにできる)」とか色々心躍る機能を実装できるものの……。……んんん〜〜〜。

 こういう感じでずっともがもが言ってました。

 今日のサイトデザイン中に知った出来事メモ。

 『:first-letter』への装飾は、ブラウザによって表示が異なったりそもそも装飾が機能しなかったりする。
 今のサイトデザインだと <h1> は最初の一文字目だけ赤字であと黒字なのですが、これをやるためにしばらく悪戦苦闘してました……。
 というのも、「『:first-letter(要素の最初の一文字目)』を赤い字にして!」とCSSを書いたのに、なんとその希望通りの表示ができたのはIEだけだったのです……。
 いえ、うっかりスマホで確認するのを忘れててスマホではどうかは分からないのですが、少なくともFirefoxではそもそも『最初の一字への装飾』が一切働かなかったです……。
 ネットで調べたら、:first-letterへのバグがどうこう、希望通りの装飾ができたのはIEだけ……という話が他でも見つかったので早々に諦めました。

 しかし『一文字目を赤くして少し大きくする』のを諦めきれなかったので苦し紛れに一字目だけ<span>で囲んでクラスセレクタつけて……とやってこの見出しデザインになりました。
 見た目に拘れば拘るほどhtmlも難解になっていくなあ……。

 自分が使う分には分かってるからいいんですが、配布するには構造がややこしすぎて……テンプレ作れる日が来るかなあ(これ書いてる現在コンテンツ0)