TypeIt

JavaScript

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

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

TypeIt

デモ

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

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

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

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

TypeIt

関連記事

  1. no-image

    JavaScript

    縦スクロールによるフォトギャラリー実装「Simple Scroll Gallery」

    Simple Scroll Galleryは縦スクロールによるかっこい…

  2. Parallaxor

    JavaScript

    美しいパララックス効果を最小限のコードで実装できるjQueryプラグイン「Parallaxor」

    Parallaxorは最小限のミニマルなコードで美しいパララックス効果…

  3. basicScroll

    JavaScript

    モバイル・デスクトップに対応したパララックススクロール実装「basicScroll」

    basicScrollはモバイル・デスクトップに対応したスタンドアロー…

  4. Emergence.js

    JavaScript

    ブラウザで要素の可視性を検出する「Emergence.js」

    Emergence.jsは、ブラウザで要素の可視性を検出することができ…

  5. qpScroll

最近の記事

  1. TAP-F27-2KP
  2. M32ミニ
  3. CITTA TT5.0
  4. Kindle Oasis

アーカイブ

PAGE TOP