Lettering.js

JavaScript

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

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

Lettering.js

デモ

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

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

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

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

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

Lettering.js

jQuery Pretty Dropdownsシンプルで軽量なドロップダウンメニューを実装できる「jQuery Pretty Dropdowns」前のページ

美しいフェードスライダーを実装できるjQueryプラグイン「Simple Easy Slider」次のページSimple Easy Slider

最近の記事
  1. デニーズ監修 四川風坦々麺
  2. チキンアラビアータとつつじ
  3. ゴールデンパイナップル
  4. 2025.04.29

  5. さぼてん
PAGE TOP