Foxholder

JavaScript

プレースホルダに多彩なアニメーションエフェクトを付けれる「Foxholder」

Foxholderはプレースホルダ(placeholder)に多彩なアニメーションエフェクトを付けれるjQueryプラグインです。アニメーションは全部で15種類も用意されているので、自分好みのアニメーションが見つかりやすそうですね。

Foxholder

デモ

デモは1〜15まで用意されています。ボックス内にカーソルを合わせることで各デモのアニメーションエフェクトを確認することが可能です。

フェードアウトするものや縮小するもの、ボックスの外にスライドするものなどなど、さまざまなアニメーションエフェクトが用意されています。

単純にボックス内にカーソルを合わせるだけではなく、アニメーションが付いていることで「入力できる状態」になったことを把握しやすいし、何より見た目もかっこいいですね。

テキストを入力する際のモチベーションも高まるかもしれません。

使い方に関しても特に難しい設定もなく手軽に実装できるかと思います。

また、エフェクトはクロスブラウザ(IE 9+、Safari 9+、FF、Opera、Chrome、Edge)に対応しています。

15種類という豊富なアニメーションエフェクトから選べる、かっこいいプレースホルダを実装したいという人は、ぜひ「Foxholder」を活用されてみてはいかがでしょうか?

Foxholder

Expanding Bar Navigation Conceptコンテンツエリアがダイナミックに開かれる「Expanding Bar Navigation Concept」前のページ

シンプルなシェアボックス(ソーシャルボタンリスト)を実装できる「jquery.sharebox」次のページNO IMAGE

関連記事

  1. jLetter

    JavaScript

    テキストを散らばせながら次々と表示させることができるjQueryプラグイン「jLetter」

    シンプルでちょっと目を引かせたいところなんかによさそうだったので使って…

  2. okzoom

    JavaScript

    レンズで拡大するように画像の細部をマウスオーバーでズームできる「okzoom」

    okzoomは画像細部をマウスオーバーでズームすることができるjQue…

  3. Drooltip.js

    JavaScript

    拡張性の高い美しいツールチップを実装できる「Drooltip.js」

    Drooltip.jsは、美しくパワフルで拡張性の高いツールチップを実…

  4. no-image

    JavaScript

    立体的なナビゲーションメニューを実装できる「Sidebar Menu Concept」

    Sidebar Menu Conceptは立体的なナビゲーションメニュ…

  5. Tabulous.js

    JavaScript

    色々なエフェクトのタブパネルが実装できるjQueryプラグイン「Tabulous.js」

    素敵なタブパネルがあったのでメモがてらご紹介します。オプションを指定す…

最近の記事

  1. ダミアン・ハースト 桜
  2. パッキングエリア
  3. あらびきソーセージパイ
  4. REACH フロス
PAGE TOP