ニューヨークタイムズの記事からの検索がセクシーすぎる

ニューヨークタイムズの記事で、気になる単語をマウスで選択すると、上の画像のような「？」アイコンが表示される。
そして、その「？」アイコンをクリックすると、ニューヨークタイムズの記事の検索画面に移動できるのだ。

ブログなどのサービスには、だいたい検索フォームが付いているが、マウスでコピーし、貼り付けて、検索ボタンを押すというアクションになる。それを一気に短縮できるというワケ。

仕組みは至って簡単で、マウスのボタンアップを検知し、

window.getSelection();
document.getSelection();

などで選択範囲を取得、検索クエリに差込み、spanタグを動的に生成しているようだ。

ちょっとしたユーザビリティの向上につながるので、覚えておいて損はないかも。