#css

まずGoogleが実際使っている画像ファイルを見てみましょう。

Googleの各アイコン

いろんな画像、アイコンが混じっていますね。 そして実際使うときはCSSのbackground-positionで表示するモノを指定しているようです。 例えば検索結果の星マークのCSSを見ると

background-position: -117px -117px;

Webサーバとのコネクションが1回で済むので、 それが狙いですね。

background-positionに関しての説明は: http://www.htmq.com/style/background-position.shtml

ちなみにこういることをやってくれるライブラリもあるようです。 使ったことはまだないですけど。 http://csssprites.org/

#chrome

http://ruzanow.ru/extensions/getflash.crx

インストール後Flashがあるサイトに接続すると アドレスバーの一番右にFlashのアイコンが表示され、 クリックするとサイト内のFlashの上にDownloadのリンクが表示されます。 そのリンクでダウンロードできます。

公式サイトは多分これです。 http://www.chromeplugins.org/google/chrome-plugins/ext-getflash-8721.html

#ie

現象

IE6を使ってSSL(https)経由で接続する時に以下の警告が出るなら iframeのsrc属性をまずチェックしてください。

このページにはセキュリティで保護されている項目と保護されていない項目が含まれています。

ダメな書き方

<iframe />
<iframe src="" />

解決策

src属性にちゃんと値を設定するか、javascriptでfalseを指定する

<iframe src="/dummy.html" />
<iframe srec="javascript:false" />

存在しないファイルを指定するとサーバ側のログにエラーが出るかもしれないので、 設定する場合は実際存在するファイルを設定してください。

#jquery

下記のURLで試してみればすぐ分かりますが、 表題の通りblockUIで制御したところは解除した後にマウスのカーソルがおかしいです。 IE,FirefoxとChromeでテストした結果、Firefoxは無事のようです。

http://malsup.com/jquery/block/position.html

解決策

jquery.blockUI.jsを開いてreset()のfunctionのところに以下のコードを追加

data.el.style.cursor = 'default';

第三者のソースに手を加えるのはあまりやりたくないけど。

参考サイト

http://groups.google.com/group/jquery-en/browse_thread/thread/c86671033a86be25/ebd5e710cc78885a?lnk=gst&q=cursor#

#jquery

よく出来ていると思います。 勉強になります。

siblings: function( elem ) {
	return jQuery.sibling( elem.parentNode.firstChild, elem );
},
children: function( elem ) {
	return jQuery.sibling( elem.firstChild );
},

そしてjQuery.sibling()の中身です! nodeTypeが1の場合はelementノードの意味です。 nはループに使われて、elemは除外する要素です。 例えばsiblings()の場合は自分自身を除外しています。 for文の書き方も覚えとこう、、 javaでのIteratorのhasNext()関数みたいな動きをしていますね。


	sibling: function( n, elem ) {
		var r = **;

		for ( ; n; n = n.nextSibling ) {
			if ( n.nodeType === 1 && n !== elem ) {
				r.push( n );
			}
		}

		return r;
	}