2007年6月アーカイブ

取り敢えず、「待て」と。どんな悪人ですか（笑

くやしいから色んなパターンでやってみた。

最近、日中やたらと暑い…

寒さにはかなり強い私。暑さには非常に弱い。

で、こんなのが欲しい。

某市場のメールで見たんだけど、結構高めな気がする。（発売元のサイトが分からないから、取り敢えず Amazon

数年使うと考えれば計算上安いはずなんだけど…

まぁ、今年も暑さでへばって寝てます。（土日は暑さだけじゃないけど。

とうとう我慢できずに長ったらしく書き込みしちゃった。mixi で。

かなり前の話なんですが、あるトピックを見てから、何ともいえない不快感がずっとあったんですよ。忙しかったので忘れかけていたんですが、最近書き込みがあったので。

放っておけば良い話だったんですけどね。

「見出し」は見出しタグでなくてもできます。 というのを見て我慢できなくなりました。

最近、都合により Word や Excel を使わなければならない事があるんですが、その関係で Windows マシンの Firefox で Google 検索等していると、気づいた（昨日）

何か Firefox から検索した場合に「メモをとる」っていうリンクが表示される。これは検索結果の一部にメモを付けて保存できるというもの。

ブックマークっぽいんだけど、検索結果っていうところがチョット違う。

これは多分、調べものをしている時に、タブで開きまくってどのタブがどれなのか分からなくなってしまうのをブラウザのブックマークではなく Web ベースで解決するのに使えると思う。

私もよくやりますからね。一回の検索でスニペット（検索結果のリンクの下にある文章）を参考に候補を幾つかタブで開いておいて、後で見るってやつ。「見る→戻る→見る→戻る」を繰り返して検索するのは「戻る」の分効率が悪いので。特に、重いページだった時は表示されるまで待つのが嫌なので別のタブで読み込ませている内に別のページを見るっていうのもありますね。

こんな感じで面白そうではあるんですが、残念ながら私が普段メインで使っている Safari(Mac) からの検索では「メモをとる」は表示されない… orz

Safari3 から Windows 版が出るみたいですね。

なんかかなり話題になっている気がするけど、私としては「へぇ、出るんだ」くらい。

Windows マシンはもう Firefox だし、Safari はやっぱり Mac で使ってこそじゃないかと。私が Mac で Firefox を使わずに Safari を使っているのは RSS リーダ機能があることと、Mac 版の Firefox の起動が遅いとか、line-height のバグがあった（修正済）から。

Windows 版の Safari にそれほど興味がない最大の理由は、Web ブラウジングは専ら Mac でやっているからです。文字がね、全然違うんですよ。

最近は Web 制作関係も、Windows の Photoshop か Fireworks で画像を作ってスライスしたら Mac に移して mi でコーディングしています。で、Windows 環境のチェックをするとホントにガッカリする。やっぱり、文字がね、全然違うんですよ。テキストを流し込んだときの見た目が全然違う。

ただ、少し気になるのは、新しいブラウザなのかどうか。

Web 制作に関しては、どのブラウザでも同様の見栄えを実現するのは当たり前的に依頼されるんですよね。なので、Mac 環境のない Web 制作者は Safari で表示チェックが出来る的な事を書いている人も多い。凄い不思議なんですけど、レンダリングが違う可能性を考える人を見かけない。Firefox だって Win 版，Mac 版，Linux 版と全部微妙に違っていたのに。（今も？）

まぁ、私としては別物の方がいかに差異を埋めるのかを考える楽しみが増えていいんですが（笑

ちなみに、私は完成してからインストールしてみる予定です。

そういえば、日本語未対応ということらしいですが、アルファベット表記の日本語フォントを指定すれば、現状でも日本語 OK らしい。（MS Gothic, etc.）

どうでもいいけど、IE みたいに Win-Safari, Mac-Safari みたいに書くようになるのか。格好悪い…

今日は早起きしてなぜかお好み焼きを作って朝食。全く関係ないけどね。

早速本題ですが、Win-IE のバグの一つに「 float したボックスの左右 margin が 2 倍になる」というのがあると思うんですが、その対処法を思いつきました。

私の場合は、一般的かどうかは知りませんが、今までは以下のどれかで対応していました。

• float したボックスの内側にある全ての要素に左or右 margin を指定。
• float したボックスに左or右 padding を指定して内側に div を用意。
• float したボックスの内側に div を用意し、その div に左or右 margin を指定。
• ハックを利用して Win-IE に半分の margin ?

一番下のは多分やってないと思いますが、主に 1 番上の方法で、2, 3 番目の div は用意するというか、実際には内側にあればそれを利用という感じです。

それで、今回思いついたのがこれ

position: relative; を指定して left or right で指定。

何で今更こんな事に気づいたのかと言うと、サイトリニューアルに伴って、CSS のコーディングルール（自分用）を整理しておこうと思っていたんですが、記述順に関する以下の３つのルールを考えた際に実験してみたのが始まり。

1. プロパティの記述順序はアルファベット順。
2. border, margin, padding 等で top, bottom, left, right の指定は 1 を逸脱し、ショートハンドの順に従う（top, right, bottom, left）
3. top, right, bottom, left プロパティは 2 と同様の順とし、関連性の高い position プロパティの直後に記述するものとする。

3 の「関連性の高い」って部分を確認する為に、top, right, bottom, left プロパティの説明を見ると、「position プロパティが static 以外の場合」的な事が書いてあったので、static というのは通常フローということなので、「float プロパティが none 以外の場合も当てはまるのでは？」と考えて、実際にやってみることにしました。

実験用として float: left; なボックスに left: 10px; を指定すれば、margin-left: 10px; を指定した場合と同様の表示になるかどうかで検証しました。

結果は「同様の表示は得られない。」でしたが、この発想はあのバグ回避に使えるじゃないかと思ってやってみたら、成功したと言う訳です。

今度からコレ使って行こうかと。