Expandable Mobile Search Form フォーカスで伸縮するクールな検索窓のデモが公開されています。 場所を取らず、そこまで目立たせたくないような場合にコンパクトに収納できそうです。 非フォーカス状態 フォーカスすると以下のようになります。アニメーションが効いてて良い感じ もう一つのデモは、単なる虫眼鏡アイコン フォーカスで普通の検索窓に。 IE8移行とその他ブラウザなら動作するみたいでほぼ実用に使えます 関連エントリ 次世代の検索フォームを作成するjQuery＆CSS3サンプル リストを検索＆ソートできる7KBのJavaScriptライブラリ「List.js」 クールで高機能な次世代検索ボックスを作成できる「VisualSearch.js」

30 Useful jQuery Filter and Sort Plugins - tripwire magazine 多数のアイテムから目的の物を見つけやすくするjQueryフィルタリングプラグイン集 沢山のアイテムをずらっと並べただけだと探しにくいわけですが、フィルタリングをすることで目的の物をすぐに見つけられます。 画面遷移もないというのがいいんですが、そういった機能を実装するためのプラグインが３０個もまとまっていて、自分にマッチしたものを探せそうです よくこんなにあったもんだなという感じですが、便利に活用させていただきましょう 関連エントリ レスポンシブな背景画像スライドショーを実現するjQueryプラグイン「bgStretcher」 ユーザへの通知UI全部のせなjQueryプラグイン「noty」 レスポンシブなスライドショーを実装できるjQueryプラグイン「Responsiv

僕はこれで引っかかった。このページはXHTML+MATHML+SVGでDOCTYPE宣言しているので、scriptタグのsrc属性を書く場合は、空白を と&を&のように記述せねばだめなようだ。「ようだ」というのはDTDをしっかり読んでないから。ということで下のようなコードがあった場合 http://www.google.com/coop/cse/brand?form=cse-search-box&lang=ja これを下のように書き換える。 http://www.google.com/coop/cse/brand?form=cse-search-box&lang=ja この解決策は正攻法だが、対応していないブラウザがあるらしい。いつだめになるかわからないのでW3C Markup Validatorへのリンクをおいておこう。 一応僕のサイトにもGoogle co-o

DocumentCloud's VisualSearch.js クールで高機能な次世代検索ボックスを作成できる「VisualSearch.js」 検索ボックスというとどのサイトも<input type="text">があってCSSで修飾されていたりオートコンプリートが付いていたりするものですが、今回紹介する検索ボックスはそれらをもうちょっと進化させたものになっています。検索条件など細かくをいれてもらうような場合、フォームが巨大になってしまったりしますが、その心配はありません。１つの検索ボックスで完結します。 検索ボックスがあります 入力するとフィルタの候補が現れます Enterで補完されます 条件を入れていきます ×ボタンで条件は消せますし、条件の上でクリックすればそのままオートコンプリートが走ります 日付の指定なども検索ボックス上で完結させられます こうした検索ボックスが合わないサイトも

イントラ・ローカル検索に使えそうなLuceneベースの管理コンソール付き検索システム「SearchBlox」 2011年06月10日- Lucene Search Solution ? eDiscovery, Website, Enterprise, Intranet Search ? SearchBlox イントラ・ローカル検索に使えそうなLuceneベースの管理コンソール付き検索システム「SearchBlox」 Googleカスタム検索等は便利ですが、インターネットに公開されていないと検索できません Google検索アプライアンスのようなサービスもありますが、自前で手軽に安価に構築したいというニーズもあると思います。 そんな際に１つの選択肢となりそうなソフトウェアのご紹介です。利用はフリーでサポートは有償というモデルです。 Lucene自体が優秀なので高速に検索でき、SearchBox

jQuery Smooth Animated Search Field Freebie | The Finished Box カーソルを合わせると拡大するかっこいい検索窓作成jQueryサンプル。 通常はグレーで目立たないように表示されていて、クリックするとハイライトされ検索窓が大きくなるものが実装できます。 小気味よくアニメーションする部分もいいです。 プログラム一式のダウンロードが可能なので再利用できます。 関連エントリ jQueryベースの画像スライダー３０まとめ iPhone/iPad用サイト作成時に使えるスワイプイベント実装jQueryプラグイン「TouchSwipe」 背景画像を自動リサイズしてうまくフィットさせられるjQueryプラグイン「Backstretch」

This domain may be for sale!

「Webサイト価値ランキング 2010」と「Alexa - Top Sites in Japan」から上位30数社のウェブサイトで使用しているサーチボックスのサイズとサーチボタンを調査したので紹介します。 30文字以上(8) 15～29文字(9) 10～14文字(11) 10文字以下(3) 概要 各サイトのサーチボックスにひらがな50音を入力し、キャプチャをとりました。下記の掲載順番は表示文字数の多い順になっています。 サーチボックスはトップページのものを選択していますが、該当しない場合は個人ユーザー向けのページを選択しています。 30文字以上を表示するサーチボックス

検索システム「ウェブキャットプラス」の更新版。サイト上の「書棚」に検索で見つけた本を並べたり、その本と関連する本を検索したりできる 　単語や文章を入力すると、約１９４０万冊の中から関連する書籍を探し出せる検索システム「ウェブキャットプラス」が、２１日からインターネットで無料公開される。国立情報学研究所が、主に研究者向けに公開していた検索システムの収録数を約２００万冊増やし、一般の人が使いやすいように全面的に更新する。 　同研究所の高野明彦教授らが設計。２千万冊近くという収録冊数は書籍検索データベースとして国内最大級。大学図書館約１千館の蔵書９４０万冊や新刊書１２０万冊、洋書８９０万冊、国立国会図書館の蔵書４６７万冊などの書籍データを整理・統合した。 　利用者が単語や文章を入力し、検索結果の中から読みたい本を選ぶと、書名などの書誌情報や、要旨、目次などが表示される。サイト上に自分専用の「書棚

100万件以上の規模をデータを扱うWebサービスで、低コストで全文検索エンジンをサイトに組み込みたいと思った時に多く使われているのが、 １．MySQL + Senna ２．Apache Solr ３．Hyper Estraier 他にもあるかもしれませんが、この辺の選択肢なのかと思います。 どれも様々なところでの採用実績があるかと思いますが、今回は、日本でも大規模なデータ量を活用する情報サイトでも活用されている（ことを僕が知っている）、Apache Solrの本をいただいたので紹介してみたいと思います。 Apache SolorはオープンソースでPureJavaで作られている全文検索エンジンです。 サーブレットコンテナ上で動作し、Webサーバなどのクライアントからは、HTTPでリクエスト、レスポンスを処理します。 上記3種類の検索エンジンの違いとしては、Hyper Estraierは使った

＼閉鎖予定のサイトも売れるかも？／ アクセスがないサイトもコンテンツ価値で売れる場合も… ドメインの有効期限を更新してサイト売却にトライしてみましょう

1年ほど前にサイト内検索としてGoogleのカスタム検索を紹介しました。私自身、使い勝手が悪く一度設定したっきり他のサイトには導入していなかったのですが、数日前に久々に使ってみたら大幅に修正が行われていました。 以前紹介した時に、検索結果が表示される際の横幅調整で苦労していた方からコメントを頂いたので、情報としてはかなり遅いと思われますが、自分の備忘録用としても一応記事にしておきます。 検索結果を表示するためのページを作成する必要もなく、手順はめちゃくちゃ簡単になっています。 【追記 2011/09/15】 最新のカスタム検索エンジンの使い方は以下を参照ください。 »WordPressのサイト内検索にGoogleのカスタム検索を使う方法 »Googleカスタム検索とAdSenseのIDを紐付ける方法 カスタム検索エンジンの作成 コード取得 コード貼り付け・幅調整 カスタム検索エンジンの作成