Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

[Javascript] LETTERING.JS – ウェブでタイポ表現をする際に便利なjQueryプラグイン

  • Pocket
  • このエントリーをはてなブックマークに追加

ウェブでタイポグラフィーを行う際に便利なjQueryプラグイン。ウェブでタイポする時に面倒だったコーディングの手間を省く事ができます。JavascriptとCSS3を組み合わせる事で、テキストを維持したまま(画像にはせずに)リッチなタイポを表現する事ができます。通常文節や文字ごとに異なる装飾を行いたい場合、個別にspanタグを入れてclass指定したりしますが、このプラグインを使う事で、ブラウザ内レンダー時にコードを追加してくれるため、元となるソースコードを汚さずに装飾を行う事ができます。なかなかややこしい話ですが、ページ下部の導入サイト例を見ると、だいたいどういうものか分かるかと。THE 10 MOST POWERFUL TWEETS of 2010とかMoon World’s Fairあたり有名ですね。今後Web上でのタイポグラフィーは、画像ではなくこうした手段に徐々に移行していくのかもしれません。なかなかホットです。

One thought on “[Javascript] LETTERING.JS – ウェブでタイポ表現をする際に便利なjQueryプラグイン”

  1. Pingback: jQuery + CSS3 によるタイポグラフィー | ewq.jp | 雑多にいろいろ
  2. Trackback: jQuery + CSS3 によるタイポグラフィー | ewq.jp | 雑多にいろいろ

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください