Test HTML5 Desktop Notification Plugin

HTML5のDesktop Notificationを簡単に実現するjQueryプラグイン「jwNotify」。
画面の右下にポップアップ通知を出す機能がHTML5であるみたいですが、それをjQueryで超簡単に実装するプラグイン。



jQueryで実装することで、とりあえず次のように簡単に実装できます。画像のパスなんかも指定してアイコンを設定出来ます。

$.jwNotify({
    image : 'path-to-image-file',
    title: 'title-to-be-shown',
    body: 'body-of-the-notification',
    timeout: 10000
});

通知の際には次のように確認バーが出ますが、一度許可してしまえば出ない模様。



ウィンドウ外でアニメーションしながら出てくれる分、気付きやすいこの Desktop Notification。
使い方次第ではより便利なサイト作りに活用することができそうです。

関連エントリ

• HTML5ビデオの内容に併せて他コンテンツを連動させて切り替えられるフレームワーク「Popcorn.js」
• HTML5のCanvasによって画像加工が出来る「CamanJS」
• これは見ておくべきHTML5のCanvasを使ったデモ集
• HTML5サイトの土台を作ってくれる「Initializr」