mFancyTitle

JavaScript

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

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

mFancyTitle

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

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

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

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

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

mFancyTitle

関連記事

  1. Palette-js

    JavaScript

    美しいカラーパレッドを追加できる「Palette-js」

    Palette-jsは美しいカラーパレッドを手軽にプロジェクトに追加す…

  2. simpleDialog

    JavaScript

    レスポンシブ対応のシンプルなポップアップ・ダイアログを実装できる「simpleDialog」

    simpleDialogはレスポンシブに対応したポップアップ・ダイアロ…

  3. Building a Vertical Timeline With CSS and a Touch of JavaScript
  4. Panoramix Image

    JavaScript

    左右に移動できるパノラマ画像を表示させれる「Panoramix Image」

    Panoramix Imageは、左右に移動できるパノラマ画像を表示さ…

  5. no-image
  6. Inspiration for Menu Hover Effects

最近の記事

  1. Anker PowerPort Atom PD 4
  2. USB-2H401BKN
  3. Dyson Pure Cool Me
  4. ルック セレクション

アーカイブ

PAGE TOP