左二段サイドバー試作

2007年4月 8日 14:40 | Writer: yoshi | 記事本文 | コメント(0) | トラックバック(0)

@Styleさんからご提供いただいてるテンプレートを左二段に改造（といってもそれがメインではなかったが）。

使用感や見た目を確認する為、左二段サイドバー試作してみました。
（画面の右上に、切り替えのコンボボックスがあります）
ただ左二段にするだけじゃ芸がないので、色も変えてみました。
ん?。使い慣れないので、やや違和感が。

これ、ユーザビリティの向上に使用できる気がします。
フォントサイズを色々準備したCSSを準備しておき、サイドバーなんかも左右レイアウトを変更したものを準備しておき、ユーザが好きな状態に変更してWEB観覧できる、というわけです。設定はcookie経由で次回来訪時にも保持されます。

とても大事なことがひとつ。各スタイルシート間でclass名やid名は統一しておかないと、表示はズルズルのバケバケになってしまうまでしょう。現状の問題点ですが、自分の持つスタイルシートとこのブログで適用しているスタイルシートにはほとんど共通点がありません。各コンテナを形成するメインブロック、サイドバーなどの命名、これがキモと思います。CSSは共通で使用できないと勿体無い気が...どうしようかと思案中。

なお、この機能はJavascriptで実現しています。わたしはとくに何もやったわけではなく、下記アドレスのページのスクリプトを適用しただけです。ありがとうございます。
http://sug.blog2.fc2.com/blog-entry-487.html

表示がおかしいとか、動作が重くなったなど、何かお気づきの点があればご指導ください。