TyperText

JavaScript

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

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

TyperText

デモ

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

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

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

TyperText

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

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

関連記事

  1. jQuery Video Extend

    JavaScript

    動画をチャプターごとに区切れる「jQuery Video Extend」

    jQuery Video Extendは動画をチャプターごとに区切った…

  2. Accessible Dialog

    JavaScript

    ナビゲーションメニューをモーダルダイアログで表示する「Accessible Dialog」

    Accessible Dialogは、ナビゲーションメニューをモーダル…

  3. Inspiration for Menu Hover Effects
  4. nanogallery2

    JavaScript

    美しくてハイクオリティなイメージギャラリーを実装できる「nanogallery2」

    nanogallery2はパーソナルニーズにピッタリなイメージギャラリ…

  5. no-image

    JavaScript

    水平・垂直に対応したカルーセルスライドショー「jCarousel」

    jCarouselは水平・垂直に対応したカルーセルスライドショーを実装…

最近の記事

  1. 200-DGBG020
  2. Anker PowerPort 5-in-1 37.5W Hub
  3. α7C + FE28-60mm F4-5.6

アーカイブ

PAGE TOP