ファビコンに更新通知の数字バッジ等をアニメーション付きで表示させるスクリプト・favico.jsのご紹介です。メールやソーシャルサイトなどで最近よく見かける、ファビコン通知バッジを実装します。
メールを受信したり、投稿があったらファビコンに数字を表示させる、というもの。アニメーションエフェクトもあるので目が行きやすいかも。対応ブラウザは若干限られます。
favico.js
更新があると数値が増える。増える時にアニメーションで数値が変わる、みたいなの。動作デモはスクリプトの配布サイトで確認出来ます。
var favicon=new Favico({
animation:'slide' //アニメーションエフェクトの指定
});
favicon.badge(1);エフェクトは上記のようにセッティングします。
var favicon=new Favico({
bgColor : '#5CB85C',//背景色
textColor : '#ff0',//テキストの色
});
favicon.badge(1);こんな感じでスタイルを変更する事も出来る。
こういった通知法も一つの手として有効かもしれませんね。ライセンスはGPLとMITのデュアルライセンスです。