左二段サイドバー試作
@Styleさんからご提供いただいてるテンプレートを左二段に改造(といってもそれがメインではなかったが)。
使用感や見た目を確認する為、左二段サイドバー試作してみました。
(画面の右上に、切り替えのコンボボックスがあります)
ただ左二段にするだけじゃ芸がないので、色も変えてみました。
ん?。使い慣れないので、やや違和感が。
これ、ユーザビリティの向上に使用できる気がします。
フォントサイズを色々準備したCSSを準備しておき、サイドバーなんかも左右レイアウトを変更したものを準備しておき、ユーザが好きな状態に変更してWEB観覧できる、というわけです。設定はcookie経由で次回来訪時にも保持されます。
とても大事なことがひとつ。各スタイルシート間でclass名やid名は統一しておかないと、表示はズルズルのバケバケになってしまうまでしょう。現状の問題点ですが、自分の持つスタイルシートとこのブログで適用しているスタイルシートにはほとんど共通点がありません。各コンテナを形成するメインブロック、サイドバーなどの命名、これがキモと思います。CSSは共通で使用できないと勿体無い気が...どうしようかと思案中。
なお、この機能はJavascriptで実現しています。わたしはとくに何もやったわけではなく、下記アドレスのページのスクリプトを適用しただけです。ありがとうございます。
http://sug.blog2.fc2.com/blog-entry-487.html
表示がおかしいとか、動作が重くなったなど、何かお気づきの点があればご指導ください。
- カテゴリ:210Movable Type
トラックバック(0)
このブログ記事を参照しているブログ一覧: 左二段サイドバー試作
このブログ記事に対するトラックバックURL:
- Categories
- Entries
-
- カテゴリごとの新着情報のようなもの
- テスト記事2
- テスト記事
- Movable Type4 Beta2 研究
- Movable Type4 Beta2 研究
- Movable Type4 Beta2 研究
- Movable Type4 Beta2 その後
- Movable Type4 Betaその後
- MT4使ってみた
- 回り込みをクリアするベスト方法
- 忘れてた...
- ワンカラムテンプレート完成...?
- カテゴリ位置とエントリ位置の同時強調表示
- Rico JavaScriptとbody onload関係のバッティング
- ワンカラム進捗
- ワンカラムテンプレートに挑戦中
- 3カラムテンプレート完成!
- 最近の興味ごと
- 3カラムテンプレートの試用
- 3カラムテンプレート開発経過
- 3カラム+rico角丸ブロック
- ちょこちょこヒットしてます
- 3カラムテンプレート
- 左二段サイドバー試作
- Ajaxで月送りカレンダー
- サイドバー内リストマークのズレ
- カスタマイズ(カテゴリ並び)
- 更にカスタマイズ
- ここ少しカスタマイズ
- モジュール化完了
- モジュール化途中...
- Movable Typeテンプレート

コメントする