Expandable Mobile Search Form

フォーカスで伸縮するクールな検索窓のデモが公開されています。
場所を取らず、そこまで目立たせたくないような場合にコンパクトに収納できそうです。

非フォーカス状態


フォーカスすると以下のようになります。アニメーションが効いてて良い感じ


もう一つのデモは、単なる虫眼鏡アイコン


フォーカスで普通の検索窓に。


IE8移行とその他ブラウザなら動作するみたいでほぼ実用に使えます

関連エントリ

• 次世代の検索フォームを作成するjQuery＆CSS3サンプル
• リストを検索＆ソートできる7KBのJavaScriptライブラリ「List.js」
• クールで高機能な次世代検索ボックスを作成できる「VisualSearch.js」