月別アーカイブ 2006年02月

前後の月

Fasterfox の先読みをブロックする方法

この記事が属するカテゴリー
Firefox

自サイトのアクセスログ見てて、同時刻に複数ページへすんげぇ勢いでアクセスしている Firefox の UA 名なんか見つけると、Firefox を高速化する機能拡張 Fasterfox 使ってんだろうなとか思うわけで、まぁここら辺のことはかなり前に最速な人が取り上げてたりする。

今までこの Fasterfox のリンク先読み機能に対して、サイト側の方ではどうにも出来なかったんだけど、Fasterfox のバージョンが 1.0.3 になってから robots.txt を読むようになったらしく、下記の2行を robots.txt に記述すれば先読みをブロックできる。

User-agent: Fasterfox
Disallow: /

つう訳で、サーバに負荷をかけられたくねぇって人や、ログに余計なノイズを残すなやって人はやってみると幸せになれるかも知れないですぜ ！

2006-02-18T22:49:57+09:00 | コメント (5) | トラックバック (2) |はてなブックマーク

IE 7 用の CSS ハック

この記事が属するカテゴリー
CSS

この記事で紹介しているハックとは別のソリューションを「IE7 を含むモダンブラウザ向けの CSS ハックまとめ」と言う記事で紹介しているので、合わせてご覧になって見ると良いかもしれません。

Internet Explorer 7 の Beta 2 Preview が公開された。んで、公式的にはバグを取り除くんで現存する CSS ハックは使えなくなるよってことだったんだけど、早速 IE 7 向けの CSS ハックが報告されている。

カラクリとしては、IE7 が対応していない :lang() 疑似クラスを使うって方法らしい。下記のような (X)HTML を例とする。

<body lang="ja">
<div id="contents">
<p>foo</p>
</div>
</body>

これに対して、まずベースとして IE7 を含む全てのブラウザ向けの指定を行う。例えば背景色を赤とする。

#contents {
    background-color: red;
}

その後に IE7 を含む全てのバージョンの IE 以外のブラウザへの指定を !important でオーバーライドさせる。例えば背景色を緑。

*:lang(ja) #contents {
    background-color: green !important;
}

ただ、このままだと Safari も :lang に対応していない。そこで、Safari で不完全に対応されている CSS3 の :empty 疑似クラスを使って Safari 向けの指定を行う。

#contents:empty {
    background-color: green !important;
}

これらによって、バージョン 7 を含む IE では背景色が赤、それ以外のブラウザでは背景色が緑となる。らしいですよ！スイマセン、まだ IE7 は落としてないんで自分で試してない :-P。テストページが上記ネタもとには用意されているんで、IE7 Beta 2 Preview を入れてみた方は実際に確認して見たら良いかも。

2006-02-01T19:06:40+09:00 | コメント (0) | トラックバック (2) |はてなブックマーク

del.icio.us の 404 ページが Yahoo に

この記事が属するカテゴリー
del.icio.us

ソーシャルブックマークの del.icio.us が Yahoo! ファミリーに入るっつう正式アナウンスから 1 ヶ月半ほど経つわけだけど、存在しないユーザーのページを開こうとすると Yahoo! の 404 ページが表示されるようになってた。

del.icio.us の 404 ページ

たまたま見つけたんだけど、いつからだったんだろう。今んとこ、Yahoo! のロゴや関連づけられるようなものは見あたらないんだけど、ちょうど移行中なのかも知れない。

2006-02-01T17:35:52+09:00 | コメント (0) | トラックバック (0) |はてなブックマーク

CSS の習得度レベル 5

この記事が属するカテゴリー
CSS

あらゆる言語がそうであるように、プレゼンテーション言語である CSS にも習得度の段階がある。自分が思うレベル 5 を挙げててみた。とか、それらしく始めてみたけど実はかなりネタ気味な内容。ここ最近のあまりの忙しさに現実逃避で思いつくまま書き連ねてみただけ。当然の事ながら、この内容が万人に当てはまるわきゃないですよ ;-P

CSS 習得度レベル 1
  • 色とか簡単に変えられるらしい事を知っている
  • CSS を使うのはフォントサイズの指定くらい
  • CSS を使うメリットが良く分からない
  • レイアウトには table 要素を使えば良いと思う
  • まず、何から覚えれば良いのか分からない
CSS 習得度レベル 2
  • 外部 CSS ファイルのメリットを知っている
  • ある特定の要素にスタイルを適用するには (X)HTML の方に ID かクラスを割り当ててから CSS で指定する
  • CSS ハックでブラウザごとに指定を振り分けられるらしい
  • 基本的なプロパティは覚えてきた
  • ブラウザごとに見た目が違ってしまう理由が分からない
  • フルスクラッチで CSS 書いてレイアウトした事が 1 回はある
CSS 習得度レベル 3
  • いくつかのスタイルを作った経験がある
  • 隣接セレクタや子供セレクタなどを含む全てのセレクタを使用した事がある
  • 冗長的な記述を避け、適宜ショートハンドを利用してシンプルにする
  • ブラウザによる解釈の違いがある程度頭に入っている
  • いくつかの CSS ハックを使ってみた上でメリットやデメリットを理解している
  • メンテナンスしやすいように自分なりのノウハウがある
  • CSS の Specificity を理解している
  • 一通り仕様書には目を通したことがある
  • DOCTYPE スイッチの Standards mode とQuirks modeで解釈が変わる事を理解している
CSS 習得度レベル 4
  • 自分なりのフレームワークを用意している
  • 自分が書いた CSS は、他人でも一読すればすぐに理解できる
  • 仕様書の内容は全て頭に入っている
  • px、em、mm、pt などの単位それぞれが、相対サイズ、絶対サイズ、長さ、パーセントのどれに属しているか完全に理解している
  • 属性セレクタを含む全てのセレクタの記法が完璧に頭に入っている
  • 複数のブラウザで検証しなくても、頭に描いているレイアウトを組める自信がある
  • オリジナルなハックを発見して広めたことがある
CSS 習得度レベル 5
  • あらゆるメディアタイプのプロパティと値を全て覚えている
  • CSS に関することなら知らないことは何もない
  • そもそも仕様を作る方の人間だ

2006-02-01T00:38:23+09:00 | コメント (4) | トラックバック (7) |はてなブックマーク