Lettering.js

JavaScript

一文字ずつスタイルなどを調整できるようにしてくれる「Lettering.js」

Lettering.jsは一文字ずつCSSなどでスタイルを調整できるようにすることができるjQueryプラグインです。文字を一文字ずつ「span」で囲んでくれるので、文字を細かくカスタマイズしたいときにピッタリのプラグインですね。

Lettering.js

デモ

デモページでは一番上にある「LETTERING.JS」と書かれたタイトルが一文字ずつ「span」で囲まれた状態になっています。

ひとかたまりのテキストではなく、一文字ずつ調整できるようになるので、かなり細かく自分好みの文字スタイルに仕上げることができそうですね。

各文字に応じたカーニングやアニメーションなど、応用次第でさまざまなカスタマイズの可能性を享受できるはず。

使い方もかなりシンプルなので、気軽に導入できるのではないでしょうか?

「文字のデザインを細部までじっくり調整したい」「一文字ずつ違ったアニメーションを加えたい」といった人は、ぜひLettering.jsを活用してみてください。

Lettering.js

関連記事

  1. Tosrus

    JavaScript

    スマホやタブレットにも対応するLightbox風のjQueryプラグイン「Tosrus」

    TosrusというjQueryプラグインを使えば、スワイプやスクロール…

  2. simplePagination.js
  3. percircle

    JavaScript

    カスタマイズもできるパーセンテージのサークル実装「percircle」

    percircleはCSSによるパーセンテージのサークルを実装できるj…

  4. JavaScript

    スマホやタブレットでのスワイプに対応したモバイルにも最適なjQueryスライダー「Swiper」

    とてもよさそうだったのでメモしときます。スワイプで切り替えることができ…

  5. 2013年上半期jQueryプラグインまとめ

    JavaScript

    2013年上半期に紹介したjQueryプラグイン50選まとめ

    気づいたらあっという間に2013年上半期が終わってしまいましたね。とい…

  6. popModal

    JavaScript

    6種類のモーダルウィンドウを実装できる「popModal」

    popModalは6種類のモーダルウィンドウを実装することができるjQ…

最近の記事

  1. Anker PowerWave 10 Pad & Stand セット
  2. ミノン メン 薬用全身シャンプー

アーカイブ

PAGE TOP