Lettering.js

JavaScript

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

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

Lettering.js

デモ

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

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

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

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

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

Lettering.js

関連記事

  1. Gradientify

    JavaScript

    シンプルなCSSグラデーション変化を実装できる「Gradientify」

    GradientifyはシンプルなCSSグラデーション変化を実装するこ…

  2. jQuery Notebook
  3. no-image

    JavaScript

    ミニマルでダイナミックなLightboxプラグイン「darkbox.js」

    darkbox.jsはミニマルながらもダイナミックなLightbox風…

  4. Ion Zoom

    JavaScript

    シンプルで美しいLightbox系のjQueryプラグイン「Ion Zoom」

    シンプルで美しいLightbox系のjQueryプラグイン「Ion Z…

  5. Ace Responsive Menu
  6. jQuery Panelize Plugin

最近の記事

  1. cheero Stream 10000mAh
  2. BOSE HOME SPEAKER 300
  3. RP-PC112
  4. SRS-XB402M
  5. Lite LR30

アーカイブ

PAGE TOP