mFancyTitle

JavaScript

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

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

mFancyTitle

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

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

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

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

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

mFancyTitle

関連記事

  1. JavaScript

    回転するアニメーション付きの円形ナビゲーションを実装できる「wheelnav.js」

    wheelnav.jsは回転する円形のナビゲーションを実装することがで…

  2. ToxicBox

    JavaScript

    さまざまなコンテンツをポップアップウィンドウで表示できる「ToxicBox」

    ToxicBoxは、ライトボックスのjQueryプラグインです。近年、…

  3. no-image

    JavaScript

    レスポンシブ対応でモバイルフレンドリーなjQueryデートピッカー・タイムピッカー「pickadat…

    pickadateはレスポンシブに対応したモバイルフレンドリーなデート…

  4. CSS3 3D Text Plugin for jQuery
  5. Tooltipster

    JavaScript

    シンプルで使い勝手がとてもいいツールチップを実装できるjQueryプラグイン「Tooltipster…

    シンプルで使い勝手がとてもいいツールチップを実装できるjQueryプラ…

  6. Bricks.js

    JavaScript

    超高速なMasonryレイアウトを実装できる「Bricks.js」

    Bricks.jsは、固定した幅で配置する画像などの要素をすばやく配置…

最近の記事

  1. スタバのドリップのホットのショート
  2. LE エルイー 6 PANEL CAP
  3. タリーズ ハウスブレンド
  4. BAG-TW1BKシリーズ

アーカイブ

PAGE TOP