TextTailor.js

JavaScript

コンテナ内のフォントサイズを自動リサイズしてくれるjQueryプラグイン「TextTailor.js」

TextTailor.jsはブラウザ幅に合わせてコンテナ内のテキストのフォントサイズを自動でリサイズさせることができるjQueryプラグインです。レスポンシブWebデザインにとても最適な機能ですね。可変するコンテナに合わせてテキストをフィットさせたい時に役立つのではないでしょうか。

[ads_center]

TextTailor.js

TextTailor.js

TextTailor.js

実際のデモでは、画面サイズを縮小していくとそれに合わせてフォントサイズも縮小されていきます。もちろんその逆に拡大することによってフォントサイズも拡大します。

iPhoneやAndroidといったデバイスからでも見やすく表示されるので、ユーザーにとっても嬉しいですね。使い方もシンプルなので手軽に導入できそうなところがいいと思います。

オプションも最小フォントや最大フォントなんかを設定することができるので、ちょっとしたカスタマイズもしやすいそうな感じです。

コンテナの大きさに合うフォントサイズに自動で変更させたい時に活用してみたいですね。

いい感じのiPhone6・iPhone6 PlusのPSDモックアップ素材集(フリー)前のページ

Pinterest風のレスポンシブなグリッドレイアウトを実装できるjQueryプラグイン「Babylon Grid」次のページBabylon Grid

最近の記事

  1. ホワイトチョコマカダミアドーナツ
  2. エッグペペ
  3. ダークチョコレート
  4. 朝のコーヒー
  5. ザンビア
PAGE TOP