mFancyTitle

JavaScript

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

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

mFancyTitle

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

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

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

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

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

mFancyTitle

関連記事

  1. Tippy.js

    JavaScript

    軽量ながらも多彩なツールチップを実装できるJSライブラリ「Tippy.js」

    Tippy.jsは軽量でありながらも多彩なツールチップを実装することが…

  2. Slight Submenu
  3. no-image
  4. jQuery Tags Input

    JavaScript

    シンプルでお洒落なタグを入力することができるjQueryプラグイン「jQuery Tags Inpu…

    とても便利で面白いjQueryプラグインがあったのでご紹介します。シン…

  5. Skitter

    JavaScript

    豊富なアニメーションでカスタマイズ性に優れたスライドショーを実装できる「Skitter」

    Skitterは豊富なアニメーションでカスタマイズ性に優れたスライドシ…

  6. no-image

    JavaScript

    スライドアニメーションによる多階層なハンバーガーメニュー「ggContentMenu」

    ggContentMenuはスライドアニメーションを備えた多階層に最適…

最近の記事

  1. Happy Plugs AIR1
  2. cheero Stream 10000mAh
  3. BOSE HOME SPEAKER 300
  4. RP-PC112
  5. SRS-XB402M

アーカイブ

PAGE TOP