BlogPeopleトップ | トラックバック・ピープル | アフィリスト | ガチャフォト | 今日のおすすめ献立 | レビューミー | ブログランキング

« 四輪走行モードから四足歩行モードにトランスフォームするロボット | メイン | 映画「アメイジング・スパイダーマン」の新作予告ビデオ »

Faviconに数字を表示する操作を簡単に実装可能にするJavaScriptライブラリ「tinycon.js」

Webメールなどメールの未読数がFaviconに表示されているのを見たことがあるかと思いますが、そんな感じの機能を簡単に実装するためのJavaScriptライブラリです。

これを組み込むとこんな感じでFavicon上に数字付きのアラートバブルを表示させることができるようになります。

A small library for manipulating the favicon, in particular adding alert bubbles and changing images. Tinycon gracefully falls back to a number in title approach for browers that don't support canvas or dynamic favicons.

Canvasとかdynamic faviconsなどがサポートされていないブラウザではページタイトルを操作することで目的を達成するようにしているようです。

使い方は簡単で、

Tinycon.setBubble(数字);

と指定してあげるだけです。

カレンダーっぽいFaviconと一緒に使って今日の日付を表示する、なんて使い方も面白いでしょうね。

Tinycon - Favicon Alerts

トラックバック

このエントリーのトラックバックURL:
http://news.blogpeople.net/bp-news/mt-tb.cgi/929

コメントを投稿

(いままで、ここでコメントしたことがないときは、コメントを表示する前にこのブログのオーナーの承認が必要になることがあります。承認されるまではコメントは表示されません。そのときはしばらく待ってください。)

今日のおすすめ献立

食事の献立に困ったときは!

Powered by
Movable Type 3.34

「お知らせ」など

Trackback People

【BlogPeopleピープル】

レビューミー!

応援&レビューコメント募集中!

アフィリスト

「ブログ」キーワードでのAmazonの商品の表示例。
もっとサンプル見る>>