石輪っぷり!

WebページをフルCSSでレイアウトする際に、ブラウザ特有のバグ（特にInternet Explorerが酷い）によってレイアウトが崩れることを回避するために様々な裏技が使われています。

一方、これはバグではなく CSS 2.0の仕様なのですが、floatさせた要素の高さが回り込んだ要素の高さより大きい場合や、ボックス内の最後の要素がflort指定されている場合など、floatさせた要素が親ボックスからはみ出てしまいます。

そこで、これを回避するために使われている裏技が、How To Clear Floats Without Structural Markup で解説されている方法です。
簡単に説明すると、:after擬似クラスで高さ0の要素を追加してfloatをクリアし、:after擬似クラスに対応していないIEに対しては、Mac版とWindows版それぞれに対応した裏技を組み合わせているわけで、このサイトでも何ヵ所かに使っています。

ところが、これが次期IE7にはこのまま使えません。

先のエントリーの作業で9割方復旧したメールのデータ。自宅，職場，モバイル，たまに講習会場(^^; と、様々なパソコンでメールの送受信を行う自分にとって、USBメモリで持ち歩ける Portable Thunderbird は手放せません。
新しく国産有名メーカーのUSBメモリを購入し、再びポータブルバージョンのソフトをインストールしました。

ほとんどのポータブルアプリケーションは、PortableApps.com からダウンロードできます。
ただし、そのままでは英語版ですので、別途日本語化プラグインを入れる必要があります。以前は手作業で設定を書き換える必要がありましたが、現在は比較的簡単になっています。
＃名称も "Portable ○○○" から "○○○ Portable" に変わってました。

さて、いくら国産有名メーカー製のUSBメモリとはいえ、いつまたクラッシュするとも限りません。そこで、以下の対策を取りました。

メールボックスやアドレス帳と一緒に持ち歩けるメーラー Portable Thunderbird や、ブックマークやcookieと一緒に持ち歩けるブラウザ Portable Firefox を入れていたUSBメモリが、先日突然のクラッシュ。ファイル名がすべて化けてしまい、一切開けなくなりました。やっぱり安い外国製はダメですね。(涙

ブラウザは主にPC本体に入れている Firefox を使っていたので支障ありませんが、問題はメール。2ヶ月前のデータまではバックアップを取っていたのだけれど、それ以降2ヶ月間のメールが飛んでしまいました。
とりあえず仕事に必要と思われるメールを社長＆金築さんに再送してもらったのだけれど、やっぱりこれ以外にも大事なメールがある。そこで帰宅後、ファイル復元ソフトを使用してUSBメモリからの復旧作業を試みました。

Virtual PC に入れた Windows Vista RC1 では使いものにならないので、Let's note CF-R5 にデュアルブートでインストールしました。

もともと CF-R5 にはパーティションが一つしかないので、パーティションマジックを使って三つに分割、Cドライブを既存のXP用に、Dはデータ用、EをVista用にし、さらに CF-R5 にはCD/DVDドライブが無いので、ネットワーク経由でメインPCのDVDドライブからインストールを行いました。

インストール自体は1時間程度ですんなり完了しましたが、起動してみるといろいろ問題あり、当然 Panasonic もまだ Windows Vista はサポートしてないので、ここからが試行錯誤でした。

先日公開された Windows Vista Release Candidate 1（RC1） を、Virtual PC に入れてみました。

とりあえずインストールできたけど、Virtual PC上ではとっても遅い。(-_-)

因みにこのWindows Vista RC1、1つのプロダクトキーで10台のコンピュータにインストール可能で、2007年5月31日まで使用できるようです。

追記： Virtual PC上では、エアロ（タイトルバー等が半透明になったり、3Dの画面切り替えができる）は無効になります。また、サウンドカードも認識できません。

以前のエントリーで、Yahoo! JAPAN以外の各国のYahoo!のサイトがCSSによってレイアウトされていることを書きました。

今日、ふとアメリカのYahoo!を見たら、さらにデザインが一新されていました。それは、カナダ，イギリス，フランス，ドイツ，韓国，中国，オートラリアも同様です。
JavascriptでCSSを切り替えることによって、タブを切り替えて表示するような視覚表現を利用し、コンパクトにわかり易くまとめられています。

日本のYahoo!はHTMLのエラーも多いし、いつテーブルレイアウトから脱出するんでしょうね。とてつもなく完璧なテーブルレイアウトだから脱テーブルには勇気がいるのかも。

今年2月に、アメリカの視覚に障害を持つ大学生と視覚障害者支援団体 National Federation of the Blind（NFB）が、大手小売チェーンTargetを相手に、同社のショッピングサイトTarget.comが目の不自由な人にはアクセス不可能で、米国障害者法を採用するカリフォルニア州法に違反するとして訴訟を起こしています。

そしてその判決が9月6日に下されたそうです。

複数の米国発のニュースソースによりますと、連邦地方裁判所の判事はWebサイトが視覚障害者にとってアクセシブル（利用可能）でない場合、小売業者は法に訴えられる可能性がある、という裁定を下しました。
（中略）
これはすなわち、例えば車椅子で来店しても買い物ができる等、今まで物理的な店舗などに対して適用されてきた法律が、インターネット上の店舗などのサービスにも適用されていくことになる、という可能性を示唆しているのでしょう。
（NFB 対 Target社訴訟の判決｜アクセシビリティBlog より）

さて、Willさんいんが運営している「お！かいものネット」ですが、現状は視覚に障害のある方、つまり音声ブラウザやスクリーンリーダーとキーボードの操作のみでサイトを利用する方が、一人で欲しい商品を探し出し、注文を完結することは困難です。

法律やJIS規格がどうのこうのということとは関係なく、すべての人が同等にサービスを受けられるWebサイト制作を心がけたいものです。