on:2012年10月11日sponsorsテキストにかっこいいスタイルを与えたり、レスポンシブに対応した配置や複雑な形状の回り込み、タイプライターや案内板のようなアニメーションで一文字ずつ表示するなど、テキスト関連のjQueryのプラグインを紹介します。Lettering.jsHTMLは汚さずに一文字ずつspanを挿入し、スタイルを設定できます。下記に紹介する他のスクリプトのいくつかにも利用されています。FitText親要素のサイズに合わせてフォントサイズをフィットさせます。slabTextブラウザのサイズに合わせて、テキストをぴたっと揃えます。jqIsoTextテキストのサイズを少しずつ変更して配置します。Arctext.jsテキストをサークル状に配置します。Baconテキストをベジエ曲線に沿って配置します。dotdotdotコンテンツからはみ出るテキストを「...」に置き換えます。jMetronome縦のリズムを維持したまま、テキストを配置します。Baseline.jsベースラインに揃えてテキストや画像を配置します。AnimateLettering.jsを使って、テキストにさまざまなアニメーションを与えます。Typist行送りや一時停止、タイプスピードの緩急も調整できる、テキストを一文字ずつタイプライターのようにアニメーションで表示します。Effectsテキストを一旦ごちゃまぜにして元通りにしたり、ずらしたり一文字ずつ表示したりします。Airportテキストを空港の案内板のようにシャカシャカ表示します。Textualizerテキストにフェードやスライドのアニメーションを与えます。Approachテキストにカーソルが近づくほど、エフェクトが適用されます。Lettersテキストを指定した文字列でシャッフルして表示します。jLensMagnifyホバーした文字列や文字をレイアウトを崩さずに拡大表示します。moatextテキストのウェーブやレンズ・透過などのエフェクトをつけ「もあもあ」させます。dynamoテキストの一部をこっそりと変更します。Kern.js文字間の調整(カーニング)をし、生成したCSSはLettering.jsと一緒に使用します。TypeButter文字のカーニングをスクリプトベースで設定できます。