Firefox 3.5 へのアップデートと border-radius 適用

　6月30日にFirefox 3.5 がリリースされました。私は Firefox をメインのブラウザとしていますので、さっそくアップデートしました。

　→Firefox 3.5のリリースによりWebブラウザ市場でIEを追撃するMozilla （ITpro）

■Firefox の Add-on

　Firefox 3.5 のアップデート時には、3.5に対応していないアドオンが一覧表示されるようになってます。便利なアドオンがあってこその Firefox ですので、アドオンの対応状況を見てからアップデートされると良いでしょう。

　私の場合、「Tab Mix Plus」「NoSquint」「Glazoom」「Web Developer」が3.5に未対応でした。どれも私の Firefox ライフには絶対に欠かせないアドオンでしたので、困りました。ただ、各アドオンの配布ページに行くと、全部のアドオンの3.5対応版がリリースされていました。自動アップデートに対応してなかっただけというオチでした。

　というわけで、各アドオンを手動でアップデートして、問題なく Firefox 3.5 に移行しました。もっとも、3.5になったからといって、劇的に違いを感じることはないですけれど。多少、いくつかの場面で高速化の恩恵を感じたかな、という程度です。ただ、CSS3 への対応度がかなり上昇して、新しく対応した CSS3 セレクタがいくつかあります。それらを使っていくこともあるでしょうから、それには期待をかけています。

■border-radius

　Firefox とは少し別の話になりますが、何日か前から、当ブログの画像に枠をつけてみました。
　（※以下の内容は、ブログやサイト制作者以外には退屈な内容かもしれません。）

　ココログで配布されているテンプレートの中に、こうした装飾がされているのがあったので、自分の所でも適用してみました。今までとは少し風景が違って、気に入っています。ただ、ちょっと騒がしい面もあるでしょうか。とりあえずはこのデザインでいこうと思ってますが、もしかしたら唐突にやめるかもしれません。CSSで数行の指定を加えているだけですので、付け加えるのもやめるのもすぐですし。

　また、その画像の枠をCSSを使って丸めました。以前は枠線を丸めるには、それ専用の画像を上下左右の４つ用意して、画像で丸まりを表現するしかありませんでした。しかし、CSSの新バージョンであるCSS3草案で、border-radius という角を丸めるためのプロパティが用意されています。このプロパティを使えば、たった一行指定するだけで角を丸められるので、とても楽です。

　→border-radiusを使って角丸を作る：CSS小技 （ブログが作りたい！）

　というわけで、当ブログでは画像の枠と、<blockquote>部分を丸めてみました。ついでに、サイドバーなどありとあらゆる所を丸めてみようか、という誘惑にも駆られましたが、何でもかんでも丸めるというのも、軟派な感じがするので、今回はとりあえず二ヶ所だけ、ということで。

　なお、この border-radius が有効になるのは、Firefox など一部のブラウザだけです。最大勢力の MS-IE では無視されるのが残念な所です。せめて、新しい IE 8 ぐらいは対応していて欲しかったのですが。IE でも角を丸める技もあるにはあるのですが、あまりトリッキーなことはしたくないので、とりあえずは現状のままと言うことで。

　ちなみに以下の内容が、画像の枠作成と角を丸めるCSS部分です。<blockquote>の部分は、border-radius の値は 10px にしています。

.entry-body img, .entry-more img {
background:#FFFFFF;
padding:6px;
border: 1px solid #CCCCCC;
border-radius:6px;
-moz-border-radius:6px;
}