コードネーム"Magician"こと、井戸中蛙(社会人2年目)の徒然日記→身長172m/体重50g。人生の99%がMacとJ-Popとれいにゃとさゆで出来ています。ガンマ値1.8&Mozilla系ブラウザ(特にFirefox)推奨。
昨日に引き続き、iBlogのテンプレート修正作業。
一番のキモは‘3カラム化’、そして新スタイルシートへの早期対応を目指す。
ここに来て3カラム化を思い立った理由であるが、一番大きかったのはサイト全体のコンパクト化。今まではエントリ部分の横幅が固定だったのだが、これは自分の意図した通りにレイアウトが組めるという反面、ブラウザの横幅が狭いと横スクロールを要するという問題点も抱えていた。実際、私自身もBonEcho上でSageを開きつつ自サイトのチェックを行う機会が多く、この横スクロール問題に悩まされていた。ディスプレイの横幅がユーザによって異なる事を考えても、メインのボックス要素は可変幅である事が望ましい。
そもそも、このBlogが固定幅の2ペイン形式でスタートしたのにはワケがあった。HTML Validな状態でCSSによる3カラムを実現するのはかつて容易ではなかったのだ。その最大の要因は、Internet Explorerによる独自CSSの実装。他のブラウザでどれだけ綺麗にレイアウトが組めても、IEに持っていった途端破綻するというケースが極めて多かった。そして2ペインの場合メインボックスが必要以上に横長となり、間延びする心配もあった。しかし数日前にこんなページを発見し、思い切って3カラム化に挑んでみようと決意。
それと、いい加減シャイニ〜シャイニ〜なテンプレートにしてみるってのもアリかと。それにはスタイルシートの大幅なテコ入れが必要になるが、それに備えてHTML側をちょいテコ入れしておこうかと。
んで、ハロモニ観ながらテンション上げつつテンプレ修正〜。
CSS側の3ペイン指定は結構楽勝で、作業そのものはあっさり終了。ついでにFeedPageもちゃちゃっと手直し。
→余計な事をやらかしてしまいました。
iBlogでリセットプレビューを掛けてみた所、どうも挙動がおかしい。普段であれば10分もしないうちに全ページのファイル生成が完了するのだが、今日に至っては途中昼寝してもまぁだ終わっちゃいねぇ。
んで、二進も三進も行かなくなってiBJに泣き付き、t0mori先生の教えを請うてようやく原因解明。FeedPageの文字コードがUTF-8になっていたのが原因だったらしい。ココを手直しして再度リセットプレビュー、今度は5分で処理完了。
こうして、紆余曲折あったものの何とか3ペイン化作業が終了。
来週末には新スタイルに差し替えられるといいなぁ…。
当サイト(http://homepage.mac.com/f_magician/以下)で公開している全てのテキスト・音声・画像に関する著作権は原則として管理者である井戸中蛙に帰属します。
但し、一部画像につきましてはTV、雑誌等からの二次加工品が含まれており、これらの製作に当たり管理者は一切の承諾を受けておりません。
これらは全て非営利を目的として公開しており、著作者の権利を侵害する事を目的としたものでは御座いません。問題のあるコンテンツについては公開を停止させて頂きますので、f_magician@mac.comまで御連絡下さい。