mFancyTitle

JavaScript

ブラウザのタブにあるファビコンとタイトルをアニメーション化できる「mFancyTitle」

mFancyTitleは、ブラウザのタブに表示されているファビコンとタイトルをアニメーション化してくれるjQueryプラグインです。ファビコンとは、タイトル左側に表示されるアイコンのことでほとんどが正方形でデザインされています。これらは、タブを多数開いてブラウザを利用するときでも、どのサイトをどのタブで開いているのかが一目でわかるメリットがあります。今回は、さらにそれらをアニメーション化してくれるプラグインの紹介です。

mFancyTitle

「もっと印象に残るファビコンにデザインチェンジした方がいいのかな……」

ブラウザのタブタイトルについて、このようなことを思ったことがある方がいるのではないでしょうか。

mFancyTitleは、ファビコンとタイトルをアニメーション化し、ユーザーの視覚的印象を強めてくれます。実装の準備は極めて簡単です。ファイルをHTMLに埋め込み、タイトルとファビコンの複数表示を許可するコードをマークアップするだけです。

mFancyTitleの優れているところは、ユーザーがタブを離れ別のタブを選択してしまうと、タイトルの文章を変更できるところです。例えば「Come Back Here(ここに戻ってきて)」などのように、タブタイトルを使って呼びかけることができます。ほかのページを選択しているにも関わらず、アニメーション化され動くテキストがユーザーの意識を戻す役割を果たしてくれます。このとき、ファビコンも同様に変更することができます。

ファビコンやタブタイトルは、画期的なものとしてその価値が高いですが、mFancyTitleを使用すれば、ほかのサイトとさらなる差別化を図れると思います。

mFancyTitle

Holmesページ内で特定のテキストを高速に検索してくれるライブラリ「Holmes」前のページ

Mediumライクな画像ズームを実装できる「MediumLightbox」次のページMediumLightbox

関連記事

  1. pell

    JavaScript

    軽量でシンプルなWeb用のWYSIWYGエディタを実装できる「pell」

    pellは1.5KBと非常に軽量でシンプルなWeb用のWYSIWYGエ…

  2. number-divider.js

    JavaScript

    数字を分割できるjQueryプラグイン「number-divider.js」

    number-divider.jsは数字を分割させることができるjQu…

  3. Relocator
  4. anchor.js

    JavaScript

    ページ内リンクをスムーズにスクロール移動できるjQueryプラグイン「anchor.js」

    anchor.jsはページ内リンクをスムーズなスクロールで移動すること…

  5. blurify

    JavaScript

    画像にぼかし効果を実装できる軽量のJSライブラリ「blurify」

    blurifyは画像にぼかし効果を実装することができるJSライブラリで…

  6. Luminous

    JavaScript

    軽くてシンプルなLightboxを実装できるスクリプト「Luminous」

    Luminousを使えば軽くてシンプルなLightboxを実装すること…

最近の記事

  1. 甘柿
  2. 冬用のふとん
  3. 田沢湖
PAGE TOP