TypeIt

JavaScript

タイピングアニメーションを実装できる「TypeIt」

TypeItはタイピングアニメーションを実装できるjQueryプラグインです。スピード調節やカーソル表示・非表示などカスタマイズも手軽にできるのが特徴です。ちょっとしたアクセントに使ってみたいですね。

TypeIt

デモ

まるで本当にタイピングしているかのようなアニメーションでテキストが表示されます。自分が入力しているような感覚になるので、テキストに集中しちゃいますね。

サイトの導線づくりにも役立つのではないでしょうか?

使い方もシンプルなのがいいですね。カスタマイズできるオプション設定を、HTMLのタグ内に直接書き込むか、JS側に書き込むかを選べるのも嬉しいところです。

オプションの値を変更するとどのように反映されるのかは、デモページで確認できるので、気になる方はぜひチェックしてみてください。

TypeIt

Horizontal Timeline水平方向のタイムラインを実装できる「Horizontal Timeline」前のページ

Photoshopの色域指定を使って特定の色の部分を補正するやり方次のページPhotoshopの色域選択

関連記事

  1. JavaScript

    円グラフ/折れ線グラフ/棒グラフを簡単に作れるjQueryプラグイン「Peity」

    個人的にかなり便利なプラグインを発見しました。円グラフ、折れ線グラフ、…

  2. Skippr

    JavaScript

    軽くて速いスライドショーを実装できるjQueryプラグイン「Skippr」

    SkipprというjQueryプラグインを使えば、軽くて速いスライドシ…

  3. no-image

    JavaScript

    フォームに文字制限を設定できるjQueryプラグイン「Character Limit」

    Character Limitは、フォーム要素に文字制限を設定するため…

  4. jQuery Slideout Menu

    JavaScript

    スライドしてメニュー表示できるjQueryプラグイン「jQuery Slideout Menu」

    jQuery Slideout Menuはメニューをスライドして表示さ…

  5. JavaScript

    とても簡単にクールなドロップダウンを実装できるjQueryプラグイン「DropKick」

    個人的に使いやすそうだったので備忘録です。DropKickというjQu…

  6. NO IMAGE

最近の記事

  1. すしざんまい
  2. 蒼龍唐玉堂 特製牛バラ担々麺
  3. サーモンアボカドサラダラップとドリップ
  4. 猿田彦フレンチ
  5. Zarigani Curry 挽肉のカレー ゴーダチーズとピクルスを添えて

アーカイブ

PAGE TOP