mFancyTitle

JavaScript

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

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

mFancyTitle

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

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

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

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

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

mFancyTitle

関連記事

  1. FitVids.JS

    JavaScript

    YouTubeやVimeoからの埋め込み動画をレスポンシブにするjQueryプラグイン「FitVid…

    YouTubeやVimeoからの埋め込み動画をレスポンシブに対応させる…

  2. Flickerplate
  3. jQuery.GI.TheWall.js
  4. Timeliny

    JavaScript

    レスポンシブ対応の年ベースによるjQueryタイムライン「Timeliny」

    Timelinyはレスポンシブに対応した年ベースによるタイムラインを実…

  5. markerPen

    JavaScript

    Webページにマーカー機能を実装できるjQueryプラグイン「markerPen」

    markerPenはWebページにマーカーで描ける機能を実装することが…

  6. no-image

    JavaScript

    多彩なコンテンツ表示やカスタマイズ性を有する「LC Lightbox」

    LC Lightboxは画像や動画など多彩なコンテンツ表示ができたり高…

最近の記事

  1. macOS Mojaveのダークモード
  2. Olli
  3. 単語帳メーカー(Flashcard Maker App)
  4. 1Password 7

Facebookページ

PAGE TOP