今までだとページ内リンク(フラグメント識別子)をクリックして移動しても、移動してきた位置が上のバーのせいで隠れてしまってた。前からどうしようか迷ってたところJavaScriptで移動する方法を発見
web-conte.com | ページ内リンク(ID)にするするっと移動する
↑のページにあるJavaScriptを参考に移動後の位置を上のバーの高さの分だけずらすようにして解決。スムーズに移動させるか一発で飛ばすか迷った結果、とりあえずスムーズに移動を選択
あとは、h2、h3で上下の要素に移動できるリンクを自動で追加するJavaScriptも作り、記事から記事へスルスル移動できるようになった。JavaScriptを前より多用してるから環境によっては重くなったかも。。。当たり前だけどJavaScriptがOffだと使えない。
動作確認を取ったブラウザは Firefox2、IE6、Safari、Opera9.2、Konqueror3.5.5 の5つ
IE7で動作確認できてないのが怖いけどたぶん大丈夫だろう(動作確認できる方、コメントに書いてくれたらうれしいっす)
ホントに地味な更新
・「ページ」のナビゲーションに「下層の記事」を表示するようにした。
・FontChangerをサイズ切り替え単位を10%にし、フォントサイズを微調整できるようにした。
・CSSを軽く更新。
TODO:
・TrackBackやコメントのサイトへのリンクにサイト画像を使う。この画像みたいなやつ
・記事・ページに各SBMのブックマーク追加リンクを追加する。はてなブックマとかのやつ
・Mobile Eye+のページを再構成
まだコメントの表示あたりとSBMのリンクとかができてないんだけど前のテーマのフォントとかがちょっと見辛いから早めに更新。色は人によって見辛いかもしれないけどまぁ問題ないかなぁ。いろいろSEO的にも良くなってるだろうし、最近よく目にするアクセシビリティ・ユーザビリティにも気を使った設計にしたつもり。
(続きを読む…)
WordPress MEを2.0.3にアップデート
ブログテーマ更新
逆に見にくくなったかも・・・
一応以下のブラウザで表示確認
Windows XP SP2
- Firefox 1.5.04
- Internet Explorer 6
Mac OS X Panther
- Firefox 1.5.03
- Netscape 7.2 (背景がちょっとだけおかしい)
- Internet Explorer 5.2
- Safari 1.3.2
Vine Linux 3.2