Quantcast
Channel: Flipsblog.jp
Viewing all articles
Browse latest Browse all 119

faviconに数値を表示させたり、favicon自体をその場で変更したりするjQueryプラグイン

$
0
0

favicon変更
自分で言ってても一体なににどう使うべきかさっぱりわからないんですけど、きっとこれもアイデアしだいで面白いことが出来るに違いない。

そんな絶妙な一品のご紹介です。

faviconの変更というアイデア

favicon変更

フルスタックデベロッパーのデイビット氏が考案したfavicon遊び。

実際に何を言ってるかわからないと思うので、サンプルを撮影しました。

favicon変更

はい。こちらを見てもわかりにくいと思いますけど、faviconに数字を表示したり、favicon自体を変更したりするjQueryプラグインです。


// All paramaters after image are optional
// $.faviconNotify(image[, number, position, outlinecolor, textcolor]);
// リセット
$.faviconNotify('/favicon.ico');
// 数字
$.faviconNotify('/favicon.ico', 12);
// カスタムポジション
$.faviconNotify('/favicon.ico', 12, 'tr');
$.faviconNotify('/favicon.ico', 12, 'br');
$.faviconNotify('/favicon.ico', 12, 'tl');
$.faviconNotify('/favicon.ico', 12, 'bl');
// カスタムアイコンとカスタムカラー
$.faviconNotify('flask.png', 4, 'tr', '#ABCDEF', '#123456');
$.faviconNotify('pill.png', 9, 'br', '#FFFFFF', '#000000');

これほどマニアックなプラグインは今まで見たことありません。
数値の部分を変数にすれば、色々な遊びが出来るかもしれません。できるかな・・・。

是非、頭の片隅にでも置いておきたいものです。

とここまで書いてきて思うのは、最初は面白そうなアイデアだな!とテンションが高く書き始めたものの、書けば書くほど一体なににどうやってこれを使うんだ・・・という思いにかられてきて、非常に複雑な気持ちになってきているところであります。

私の頭が固いだけなのか、本当に使えないものなのか・・・。はたしてどっちか。

それでは、また。


Viewing all articles
Browse latest Browse all 119

Trending Articles