Lettering.js

JavaScript

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

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

Lettering.js

デモ

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

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

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

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

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

Lettering.js

関連記事

  1. Turntable.js

    JavaScript

    画像を使ってストップモーション動画のような効果を実装できる「Turntable.js」

    Turntable.jsは複数の画像を使ってストップモーション動画のよ…

  2. Alton

    JavaScript

    コンテンツごとに縦スクロールでナビゲートできるjQueryプラグイン「Alton」

    Altonはコンテンツごとに縦スクロールすることによりWebページをナ…

  3. no-image

    JavaScript

    シンプルなドロップダウンメニューを実装できるjQueryプラグイン「snakeMenu」

    snakeMenuはシンプルなアニメーションによるドロップダウンメニュ…

  4. JQuery-SnakeGallery

    JavaScript

    ホバーした方向へエフェクトが追従してくる「JQuery-SnakeGallery」

    JQuery-SnakeGalleryは、ホバーした方向へエフェクトが…

  5. jfMagnify
  6. Mobilepopup

    JavaScript

    軽量でモバイルにも最適なポップアップウィンドウを実装できる「Mobilepopup」

    Mobilepopupは、軽量でカスタマイズ性に優れたモバイルにも最適…

最近の記事

  1. 赤いなつめ
  2. ペーストしてスタイルを合わせる
  3. Hermèsオレンジスポーツバンド
  4. GoPro HERO8 Black

アーカイブ

PAGE TOP