TyperText

JavaScript

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

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

TyperText

デモ

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

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

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

TyperText

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

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

関連記事

  1. 4PXMMenu

    JavaScript

    滑らかなアニメーションでモバイルサイトに最適なメニュー実装「4PXMMenu」

    4PXMMenuはモバイルサイトに最適なメニューを実装することができる…

  2. ToProgress

    JavaScript

    画面上部に軽量なプログレスバーを実装できる「ToProgress」

    ToProgressは画面上部にシンプルで軽量なプログレスバーを実装で…

  3. cascadingDivs
  4. Recursive Hover Nav
  5. Responsive Parallax Drag-slider With Transparent Letters
  6. gridslide.js

    JavaScript

    いろんな方向に画像をスライドできるjQueryイメージスライダー「gridslide.js」

    gridslide.jsはいろんな方向に画像をスライドさせることができ…

最近の記事

  1. そそそ 明太クリームそうめん
  2. すしざんまい
  3. 蒼龍唐玉堂 特製牛バラ担々麺
  4. サーモンアボカドサラダラップとドリップ
  5. 猿田彦フレンチ

アーカイブ

PAGE TOP