このような場合はテキストではなく普通にimg要素を配置する方がよいと思います。JavaScriptを使って画像置換する方法が復活していますね。それはなるべくCSSでやりたいなぁと思った自分はアクセシビリティをなるべく確保するようにした画像置換方法がないか考えてみました。LP3の課題のものを利用させていただいています。プロパティの記述順を考える今までずっとやろうと思っていて怠けていた「CSSをきちんと書くこと」ですが、Web制作会社で働かせてもらった関係もあって最近自分のCSSの記述を見直しています。^^;(ちなみにこのサイトの記述は一年くらい前のなのでぐちゃぐちゃです。プロパティの記述順を考えるにコメントブラウジングを快適にする7+2個のマウスジェスチャ流行の表題の煽りをちょっと意識してみたり。これはマウスジェスチャ機能を追加する拡張機能です。僕は、Firefoxを使い始める前からマウスジェスチャを使っていたので、当たり前な機能だと思っていました。FirefoxやSleipnir、Lunascapeを使っていても知らない人が周りにいることが分かったので、今回僕が実際に使っているお勧めの7つのマウスジェスチャを紹介しようと思います。Gesturesのページからインストール、その後Firefoxを再起動すると有効になります。使用方法は、右クリックを押しながら、任意の方向にマウスを動かす、です。ジェスチャをカスタマイズができます。僕が設定しているものを下に挙げときます。カスタムこの設定をした結果が左図の上から7つ。僕は使うもの以外は無効に設定してます。上のジェスチャを更新に割り当てたのは、CSSとかを編集してると頻繁に更新することがあるからです。ちなみに、右-左-右で「選択文字列を新しいタブで開く」ですが、どちらかというと、未設定の「選択文字列を検索」の方が使用頻度が高いので、左-右-左を割り当てています。紹介したマウスジェスチャは、基本的なものばかりです。この7つのジェスチャでブラウジングがかなり快適になると思います。(マウスを使ってブラウジングされている方は特に。)さらに今まで知らなかった人が使ったら、絶対1ヵ月後にはないと不便だと感じるようになりますよ!続きでは、おまけの残り2個を紹介。HicksさんがBloglinesの美しいスキンを公開されています。hicksdesign様これは、FirefoxやSafari、Operaなどで使えるユーザースタイルシートとして配布されており、Bloglinesの見た目をユーザ側で変更できるようになっています。Firefox(Win)では、以下の方法でこのスキンを適用できます。url(bloglines-moz.css);と記述して保存するFirefoxを起動してBloglinesを開くたったこれだけで、ちょっとイマイチなBloglinesのデザインをこんなにかっこよくできます!実際各ボタンの位置が変わっていて、(フィードの編集・追加のリンクは下にボタンとしてあります)UIはより洗練されていますね。Bloglines」というエントリで解説されています。Bloglines使ってる人にはオススメのスキンです。CSSハック小粋空間さんの記事にて、IE7のみに適用されるハックが更新されたようです。各ブラウザのCSSの解釈の違い(バグ)を補正するために、そのCSSのバグを逆手にとって、特定のブラウザに意図したデザインを表示させる裏技(?)である、俗にいう「CSSハック。」そんなCSSハックは、CSSの記述としては正しくないものもあるため、あまり使わないほうがよいというのが一般的です。使いたくないと言いつつもCSSハックの利用が必須とならざるを得ないという、皮肉な現状があります。仕事で利用する機会も多いことので、備忘録としてまとめてみました。ENDINGさんの記事では、このCSSハックがきれいにまとめられています。6のメジャーアップデート版、IE7の日本版が先日リリースされ、バグがどこまで修正されたのか、Webクリエイターたちは戦々恐々です。僕もIE7をインストールしていじってみたんですが、早速IE6とも違うバグがあったので、この解決法を続きにちょこっと紹介してみます。