TypeIt

JavaScript

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

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

TypeIt

デモ

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

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

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

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

TypeIt

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

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

関連記事

  1. jQuery Tooltip Basic

    JavaScript

    カスタマイズしやすいツールチップ実装「jQuery Tooltip Basic」

    jQuery Tooltip Basicは、カスタマイズしやすいツール…

  2. slider Menu

    JavaScript

    メニューリストをスライダーメニューにするjQueryプラグイン「slider Menu」

    slider Menuはメニューリストをスムーズにスライダーメニューに…

  3. jQuery Pretty Dropdowns
  4. Images grid

    JavaScript

    画像のグリッドレイアウトを製作できるjQueryプラグイン「Images grid」

    Images gridは画像のグリッドレイアウトを製作するためのシンプ…

  5. Animated Page Transition
  6. Sliding Panels Template

最近の記事

  1. ナイトロコーヒー
  2. チーズベーコンエッグバーガー
  3. ランチセットA
PAGE TOP