Yahoo! Search Web ServicesのJSON(P)を利用したサイト内検索
Yahoo! Search Web ServicesのJSON(P)を利用すれば、JavaScriptのみでサイト内検索が実現できる上、Ajax的にページ遷移無しで検索が実行できる。Google AJAX Searchが内部で利用しているJSONPらしきアレを利用するケースと違い、こちらは公式にアナウンスされているのでおおっぴらに利用できる。というわけで、ほとんど同じタイトルでほとんど同じネタを連続で書いてみる。 実装は、ひとつ前のエントリでもリンクを張っておいたサンプル・ページで利用しているJavaScriptファイルのような形になる。 Yahoo! Search Web ServicesのWeb Search APIへのリクエストは、 http://api.search.yahoo.com/WebSearchService/V1/webSearch?appid={アプリケーションID}
はてなブックマークエントリー情報取得APIははてなスクリーンショットAPI(でもある)
はてなブックマークのエントリー情報取得APIは任意のURLに対するブックマークを返してくれるAPIなだけでなく、事実上はてなスクリーンショットのAPIとしても機能している。正確には、はてなスクリーンショットによるスクリーンショット画像のURLも返してくれるというだけ話なのだけど。 例としてlabs.hail2u.net/hatena/screenshot/を作成してみた。ここでは、 var sites = [ 'http://hail2u.net/blog/', 'http://la.ma.la/blog/', 'http://lowreal.net/blog/', 'http://tokyoenvious.xrea.jp/b/' ]; というURLの配列から、 <p><img src="http://screenshot.hatena.ne.jp/images/120x90/0/1/6/
FirefoxのuserContent.cssネタ #3
FirefoxのuserContent.cssネタで内輪受けしたネタがあったので久々にエントリに。してみた。なお「某所とネタがかぶってるよ」とか「某所で書いたのを今さら引っ張り出してくるなよ」とかいう苦情は受けつけません。 Mac OS Xのフォームにフォーカスを当てると枠に青く色が付く機能をちょっとだけパクる input:not([type]):focus, input[type="text"]:focus, input[type="password"]:focus, input[type="file"]:focus { outline: 2px solid #3D80DF !important; } outline-styleプロパティを工夫すると見目良くなるかも。borderプロパティではなくてoutineプロパティなのは、borderプロパティに比べてレイアウトを崩す可能性が少ない
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
