サイト構造見直し(微リニュ)

2009年11月14日
カテゴリー: 自サイト

リニューアル回数を数えてみたら30回目でした。変わった所は以下の点です。

  • 固定幅から可変幅レイアウト

ワイド画面で固定幅だと窮屈な感じがするので可変幅レイアウトにしました。といえども、どこまでも広がったり狭まったりするわけではなく、最大幅と最小 幅を指定してあります。また、800*600解像度の全画面で横スクロールバーが出ないように調整しました。
最大幅・最小幅を指定できない IE6だけ固定幅です。

  • ナビゲーションメニューの位置

見た目上では変わっていませんが、ソース上では最後 の方になっています。メニューが上にあると音声ブラウザでは毎回メニューを読み上げる事になるので、いっそ下にしちゃいましょうと。
うちで音声 ブラウザが使われる事なんてないと思いますが。
「position:absolute」でメニューの位置を上へ持っていっています。

  • メ ニューの文字

多くのサイトでメニューは英語ですが、使いやすさの観点から好ましくないと言われています。しかし、日本語だけだとや りにくい。じゃあ、両方使えばいいじゃん!

  • オリジナル曲の試聴

オリジナル曲に限り、直接ダウンロードせず ともWeb上で試聴できるようにしました。(要Flash Player・JavaScript)
ダウンロードする数秒を待たずとも色んな曲を即 座に聞けて便利だと思って。ダウンロードの数秒を待ち、クリックしてプレイヤーを立ち上げるって何気に手間ですからね。

  • ページの タイトル

従来まではページのタイトルが英語でよくわからなかったので日本語にしました。

  • divタグをなる べく使わない

見えない所ですが、脱div病を目指しました。Movable Typeのテンプレートがdiv病だから困る。

タグ:

このエントリーをはてなブックマークに追加  

コメントをどうぞ