Foxholderはプレースホルダ(placeholder)に多彩なアニメーションエフェクトを付けれるjQueryプラグインです。アニメーションは全部で15種類も用意されているので、自分好みのアニメーションが見つかりやすそうですね。
Foxholder
Foxholderの実際のデモ動作は以下のページからチェックできます。
デモは1〜15まで用意されています。ボックス内にカーソルを合わせることで各デモのアニメーションエフェクトを確認することが可能です。
フェードアウトするものや縮小するもの、ボックスの外にスライドするものなどなど、さまざまなアニメーションエフェクトが用意されています。
単純にボックス内にカーソルを合わせるだけではなく、アニメーションが付いていることで「入力できる状態」になったことを把握しやすいし、何より見た目もかっこいいですね。
テキストを入力する際のモチベーションも高まるかもしれません。
使い方に関しても特に難しい設定もなく手軽に実装できるかと思います。
また、エフェクトはクロスブラウザ(IE 9+、Safari 9+、FF、Opera、Chrome、Edge)に対応しています。
15種類という豊富なアニメーションエフェクトから選べる、かっこいいプレースホルダを実装したいという人は、ぜひ「Foxholder」を活用されてみてはいかがでしょうか?
Foxholderの詳しい実装方法やダウンロードに関しては、以下のページからどうぞ。