前の記事 ≪:2011年4月7日 管理人のブックマーク
次の記事 ≫:50の様々なデザインのドロップシャドウ効果適用素材Photoshopファイ...

HTML5のDesktop Notificationを簡単に実現するjQueryプラグイン「jwNotify」

2011年04月08日-はてなブックマーク

スポンサード リンク
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。
使い方次第ではより便利なサイト作りに活用することができそうです。

関連エントリ
関連の記事検索:jQuery, HTML5, JavaScript, プラグイン, アラート
スポンサード リンク

By.KJ : 2011年04月08日 09:04 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)