XHTML5 移行メモ
長いことXHTML1.1のまま運営してきたこのサイトですが、やはり新しいモノ好きなわたしは最新のHTMLを使いたくなってきます。
てなわけでまたもやサイト大改造。全ページXHTML5に切り換えました。
……相変わらず見た目は変わりませんがね。
ですがまあ、コード的にキレイになったので良しとしましょう。ええ自己満足の極み。
さて、そんなXHTML5ですが、移行作業してたら結構あちこちでつまずきました。
ここはいつものアレ、「忘れる前にメモ」の原則に従ってメモ残しておきます。
最新技術が大好きというデジタル浮気性の方はお試しあれ。
抹茶色のリニューアル
さきほど緑茶であんまん食いながら、こんなことを思いつきました。
「サイトを抹茶色に染めよう！」
思い立ったが吉日が座右の銘な私。
2年ぶりにサイトをリニューアルすべく、1時間ほどフォトショとCSSをいじくり倒してみました。
昨日までのコンクリ風味というか石臼みたいなデザインよりはだいぶマシなはず。
ついでに無駄なボーダーとかもズンドコ外しちゃいました。
ううむずいぶんスッキリしたなあ。
思わず羊羹が食いたくなります。
サイト移転しました。
5年間ずーっと稼働させっぱなしで酷使し続けたせいか、不良少年サーバ (OS: FreeBSD 5.3 / CPU: Pentium III 800MHz / メモリ: 256MB のおんぼろPC) はだいぶガタが目立つようになってきました。
ここは一発、新しいサーバ作って古いサーバには安らかな老後をとばかりに、一年前に買ってそのまま放置してた Atom 330 のベアボーンキットを組み上げてサーバ立ち上げ。5年間ご苦労さまです。
ついでにこれまでサークルカット描く度に悩みの種になっていたURLの異常な長さも解消すべく、しばらく前に取得してやっぱり放置プレイだった http://kanow.jp/ ドメインへの移転設定もしてみました。コレでスペルミスともオサラバよ！
……いやま、いまどきサークルカット見てURL直接入力する人なんて、数えるくらいしかいないんスけどね。
当面は以前のURLやメールアドレスもそのまま使えますが、お暇なときにでもブックマーク変更してくださると嬉しゅうございます。
せっかく移転するのだから、この機会にごちゃごちゃしてた内部リンクの構成も見直してみました。
検索エンジンから旧URLですっ飛んできてもちゃんと表示できるように設定しましたが、リンク切れとか見つけたらご連絡くださいまし。
ケチケチ固定幅センタリング法
相変わらず私は「IE6を含むほとんどのブラウザで同じように表示できて、固定幅でセンタリングして、固定配置(fixed)ブロックも入れて、かつXHTML1.1準拠のソースコード」にこだわる、変なサイト作りを続けています。
一昨日の雑記で書いたように、この方法はやたらと<div>要素が増殖する傾向にあり、一個でも抜くとたちどころにすべてのブロックが崩壊してします。
とはいえ<div>や<span>のような文法的に意味のないタグを乱用するのは、プログラマとしてどうなのかと思う今日この頃。
そんなこんなで、可能な限り現状のデザインを維持しつつ、<div>タグをケチる（減らす）ことにしてみました。
CSSでルビを振る
私のペンネームは「かのう神路」であって、けっして「かのう神路」ではありません。
……我ながら紛らわしい当て字だこと。
こんな読みづらい名前なので、ルビ振らないと誰も読めないんですが、IE 以外のブラウザはほとんど <ruby> タグに対応してません。
Firefox のアドオンで対応する手もありますが、ユーザーにいちいち「拡張機能入れてたも」と言うわけにもいきません。まあ、対応してなければ単に「かのう神路(しんぢ)」と表示されるだけなんですが、やはり見栄えがよろしくない。
ってなわけで、実は二年ほど前からIE以外でもルビを表示できるよう、CSS にちょっと仕掛けをしてあります。
XHTML 1.0 では使えませんが、1.1 なら <ruby> タグが定義されてますので、HNがよく誤読される人などは参考にしてみてください。