TyperText

JavaScript

テキストタイピングエフェクトを実装できる「TyperText」

TyperTextはテキストタイピングエフェクトを実装できるjQueryプラグインです。テキストをタイピングしているようなアニメーションで表示できます。シンプルなアニメーションながらも、文字が入力されていくその動きに思わず注目してしまいますね。

TyperText

デモ

デモでは文字がタイピングされているようなアニメーションで次々に表示されていきます。シンプルでスタイリッシュなアニメーションがとても素敵ですね。

ただ単にテキストを表示するだけだと見過ごされてしまう場合がありますが、このように文字に動きを加えることで注目度もアップするはず。ユーザーにどうしても見てほしいテキストや文章がある場合、またはちょっとしたアクセントを加えたい場合なんかに活躍してくれそうです。

使い方もかなりシンプルで簡単に実装できるので、気になる人はぜひ「TyperText」を活用されてみてはいかがでしょうか?

TyperText

MG SpaceGoogle画像のようなアコーディオンプラグイン「MG Space」前のページ

カードスタイルのカルーセル・スライダー実装「Custom Carousel」次のページCustom Carousel

関連記事

  1. JavaScript

    フルスクリーンで画像などの要素を表示させることができるJSライブラリ「screenfull.js」

    screenfull.jsは画像などの要素をフルスクリーンで表示させる…

  2. Data Img

    JavaScript

    ブラウザ幅に応じて画像を切り替えれるレスポンシブ対応のjQueryプラグイン「Data Img」

    Data Imgはブラウザ幅に応じて最適なサイズの画像を切り替えて表示…

  3. Simple Lightbox
  4. 10のjQueryスニペット

    JavaScript

    Webデザイナーが知っておくべき10のjQueryスニペット

    すべてのWebデザイナーが知っておくべき10のjQueryスニペットが…

  5. no-image

    JavaScript

    高さを揃えたレスポンシブな画像ギャラリー「jQuery Mosaic plugin」

    jQuery Mosaic pluginは高さを揃えたレスポンシブな画…

  6. JavaScript

    レンガ風に要素を綺麗に並べてグリッドレイアウトが作れる「The Wookmark jQuery pl…

    Pinterestのように高さの異なる要素をレンガ風に綺麗に並べて、簡…

最近の記事

  1. 長十郎
  2. COMOLI シルクネルシャツ
  3. WiMAX
  4. 甘柿
PAGE TOP