Hatena::ブログ(Diary)

最速チュパカブラ研究会

 | 

2009年7月18日 普通の検索ボックスを作りました

The JUI 2009 ReturnsPaulCSS Transforms をプッシュしていたので、それにつられてデモを一つ作ってみました。

http://gyu.que.jp/giftbox/google/

Google Box Top

見てのとおり、普通検索ボックスです。

Google Box Search

普通にクエリ入力できます

Google Box Results

普通に検索結果を見られます

Google Box Nesting

箱の中にまた箱があることもあります。

…という感じで、また3Dネタですが、単なる画像ではない「生きている」HTML要素がグリグリ画面上を動き回れるというのは、何か新しいことができるんじゃないかという可能性を感じます。Canvas のほうは環境マッピングとかやって見た目は派手でしたが、いずれ O3D やら 3D Canvas やらが普及するまでの「つなぎ」です(だから、ライブラリ化したりする気がおきなかったんですが)

しかし、IFRAME を変形させながらネストしてもしっかりレンダリングしてくれる Gecko は大したもんですね(Keith Schwarz の素晴らしい仕事のおかげです)。

Webkit のほうは今のところ、IFRAME に transform をかけると、再描画とヒットテストバグってしまいます(スピードは速いんですがね……)

 |