ハンターリンク

まだコメントの表示あたりとSBMのリンクとかができてないんだけど前のテーマのフォントとかがちょっと見辛いから早めに更新。色は人によって見辛いかもしれないけどまぁ問題ないかなぁ。いろいろSEO的にも良くなってるだろうし、最近よく目にするアクセシビリティ・ユーザビリティにも気を使った設計にしたつもり。

各OSのブラウザでの表示状況

確認をとれるだけとってみました。

肝心のIE7がないからチェックできないという…もし使っている人がいれば表示がどうなるか教えてください。

がんばったとこ

やっぱり表示面に一番気を使ったかな。Firefoxで意図した表示ができてもIEでは違ったりするから修正するのが大変だったわ。たとえばIE6ではposition: fixed;に対応してないからoverflowを使って対応してみたり。しかしページ内リンクのフラグメント識別子使うとバーが隠れる…

目玉というか個人的に気にっているのはトップバーにあるフォントサイズ変えられるやつ。これは「参考にしたサイト/ページ」にあるOgawaさんのFontChangerを改造してみた。何気にFirefox,IE,Opera,Safariではマウスホイールでサイズ変更できる。作ってるときに何回もコロコロして遊んだしｗｗ

あとは肥大化したJavaScriptファイル(.js)をどうにかしようと「参考にしたサイト/ページ」にあるasiamothさんの紹介するgzipに対応したブラウザはgzip圧縮したファイルへのリダイレクトする方法で対策。PHPスクリプトを介して自動でgzip圧縮する方法でもいいかなと思ったけど、ファイルが結構限られているからあらかじめ圧縮したファイルへリダイレクトする方法の方がいいかなってことで、こっちを選んだ。7ZIPのGZIP圧縮で圧縮しているので多少普通よりも圧縮率高いはず。ついでにCSSファイル(.css)も圧縮しといた。

参考にしたサイト/ページ

他にもあったけどブックマークするの忘れた。。。

メモ/コメント

WordPressも2.0と2.1じゃ関数も違ったりしてるけど、便利な関数もある。たとえば記事の更新日時を表示する関数the_modified_date()が追加されてた。

ヘッダーにあるmetaのdescriptionって100文字までなのか100byteまでなのかがよく分からないから情報量の多い100文字にしてみた。PHPだとmb_substr()やmb_strcut()があるからどちらの実装も簡単でいい。

タグも導入してみた。でもすべての記事にtagをつけるのが結構大変で中途半端にしかつけていない…。しかしtagつけると記事の更新日時まで変わるのはどうしたもんかなぁ。かといってphpMyAdminから更新なんてことはしたくないし。

Another HTML-lint gatewayで100点とれてヤターｗｗ。CSS Hackで使っているけどIEの独自実装なCSSのせいでCSS Validatorではエラーがある。。。またWebInspectorでもCSS Hackによるエラー以外は特に問題ない。