【テンプレート】シャーロック・ホームズ

シャーロック･ホームズをテーマにしたテンプレートです。２カラムの左メニューで、折りたたみ式のメニューを実装しています。横並び型休日表示カレンダーは、小粋空間様と徒然日記様のスクリプトとHTMLソースを利用させて頂きました。この場を借りて感謝いたします。

メニューの開閉の初期状態は、Plugin1,2,3は開いた状態で、Plugin4,5は閉じた状態になります。初期状態はHTMLの修正で変更できます。

Another HTML-lint gateway　99点

減点は、プラグインの開閉と横並びカレンダーにスクリプトを利用している為。

CSS Validation Service 合格

Markup Validation Service 合格

【テンプレート】ライムグリーン（可変左メニュー）

シンプルな、ライムグリーンのテンプレートです。２カラムで左側にメニューを配置しています。記事部分の幅が可変するリキッドデザインです。レイアウトが崩れるのを防ぐ為に、最小幅は480pxにしています。

ブログタイトルにH1、記事タイトルにH2を使用しています。HTMLは、ヘッダー、記事、プラグイン、フッターの順に配置しています。

Another HTML-lint gateway

100点

CSS Validation Service 合格

Markup Validation Service 合格

テンプレートのページ幅

　テンプレートを作成する時、ページ幅をどうするか悩みます。選択肢は3つ。標準とされる、800にするか、両サイドにメニューを配置しても記事幅を確保できる1024にするか、可変幅のリキッドデザインにするか。

　ホームページやブログのページ幅は、800x600を想定して作成される事が多い。これは、SVGA時代の名残りなんでしょうかね。いまや、ネットブックですら1024x600が主流なので、800に拘る必要は無いと言いたいのですが、少数派であれ存在するのは事実だし、携帯のフルブラウザ、PSP、iPhoneなど携帯端末の利用者も多い。

　まぁ、ページ幅は訪問者の傾向に合わせて、サイト運営者が決めればいいことですから、作る側は選択肢が広がるように、色々なテンプレート用意しろって事でしょうか。