シコーサクゴ Geeklog

昨日、テーマSmallboxesをGeeklog Japaneseの掲示板に仮公開した。仮とはいえ、やはり勝手に機能拡張を加えたものだから、試していただける方にご迷惑がかからないようにしたつもりである。でもやはり心配だ。

さっそく、テーマセレクタで選択できるようにもしていただいた。素直にうれしい。

冷静に評価すると、やはり詰めが甘いということがはっきりした。でも、これがきっかけにつぶせる問題がいろいろ見つかったので収穫は大きい。

先日、Geeklogが勝手に２カラムレイアウトにしてしまう場面でも、しぶとく表示されて３カラムレイアウトを維持くれるブロックを作成したが、今度は、Javascriptをつかって左右サイドバー（左右カラム）を制御しようと試みた。

また、ついでに私が標準にすえているリキッドレイアウトと、一般的に人気の高い横幅の狭い固定レイアウトの切り替えにもまとめて挑戦してみた。

テーブル要素を使ったレイアウトを極力廃し、CSSでレイアウトを指定することに徹したおかげで、レイアウトの自由度がグーンとあがり、サイドバーのブロック単位でデザインするアイデアを発想＆実現することができた。

では、Geeklogシステムをハックすることなく、ブロックにデザインを指定するための手法はなんだったかというと、それはブロックごとに固有の情報であるブロック名を活用することだった。このアイデアはいろんなことに応用がききそうだと考えていたが、ちょっと面白い応用が見つかった。それは、Geeklogに対する私の不満を少しだけ解消する、スーパーブロックというものである。

Geeklogのテーマを作ってて、FireｆoxとかOperaとかIEとかで表示を確認しながら作成しているときに初めて気づいたのだが、どうも、IE6はPNG形式の画像の色を正しく表示してくれないようだ。FierfoxやOperaは自前で作成した素材データを正しく表示してくれるのに、IEだけは、ほんのわずかだけ色が濃くなって表示される。

それとも、Web用の素材はPNG-24で作っちゃまずいのか？他人のサイトはどれも同じように表示されているから、やはり自分が悪いのか。ちょっと調べてみないといけないかな。めんどうだけど。

IE7だとどうなんだろ？手元にWindowsXP機がないので確認できない。

それにしても、IE6はPNGの透明色を正しく表示してくれないし、なにかと困らせてくれる。Fireｆoxをメインに使うようになった私にとっては、IE6はお荷物的な存在になりつつある。

目下、作成中のGeeklogのテーマの名前は、とりあえず「dengen」にしてるんだけど、ちょっとみっともないので、以前から改名しようと思っていた。で、思いついたのは「Smallboxes」。

当初からの目標のひとつが、角丸なボックスをサイドバーに配置したいということだった。今では、いろいろなタイプのボックスが自由に配置できるようになりつつあるので、この特徴を名前に生かそうと思ったわけだ。

角丸のボックスにこだわったために、div要素だらけになってしまった。このためHTMLの構造上はあまりよろしくないのかも知れないが、まあ、それよりも表現の柔軟性を確保するためには仕方がないと思う。