img要素で埋め込まれた画像は、width: 100%を指定するとコンテナボックスの幅一杯に表示される。このときウィンドウ幅を狭めると、その幅に合わせて幅が変化してくれるため、横スクロールバーを出さずに済む。しかし一方で、その画像のnaturalサイズは無視されてブラウザ側で拡大/縮小が行なわれるために画質が不必要に劣化してしまう結果にもなる。このため、img {width:100%}が指定されることはあまりなかった、と思う。 しかし本来は、画像の元の大きさを超えぬよう「縮小」のみを行なって横スクロールバーに対処して欲しいところだと思う。ウィンドウの幅を広げた時に不必要に画像が拡大されてしまうと、かえって視認性が悪くなる結果になりかねないからだ。汚らしいしね。 これを自動でやってくれるのがOpera。バージョンいくつからかは知らないが、全くもって素晴らしい。 Opera9の自動画像縮小 F

Firefox 3.1に向けて、Mozilla-Centralでは怒濤の勢いでCSS関連のチェックインが続いていますが、今回はMedia Queriesがサポートされるようになりました。このCSSの仕様は、例えばパソコンと携帯電話で同じサイトを閲覧するときに、それぞれに適応させるCSSを振り分けることを出来るようにする仕様です。これにより、クライアントのデバイスに特化したCSSをそれぞれ適用することが出来るようになります。本対応により、Firefox 3.1からはこのMedia Queriesをサポートすることとなります。例によりCSS3 infoのサンプルページを表示させてみた結果（以下に掲載）を見ると、モダンなブラウザであるSafariやOperaでも既にサポート済みとなっています。なおSafari 3.1.2では動的変化（ページ表示後のウインドウサイズ変更等）には未対応となっています

新規アイテム 新規アイテムの学習を開始！ 次の学習：1日後 学習毎に記憶強度が上がり「定着中」ゾーン へ。このゾーンの往復が脳科学のポイント！ 復習！ 次の学習：3日後 アイテムを忘れそうになると再び要復習ゾー ンへ。自動的に、要復習の指示が届きます 復習！ 次の学習：3ヶ月後 ゾーンの往復毎に記憶強度が上がり、完璧に 覚えた段階でアイテムは「完了」ゾーンへ。