TextTailor.js

JavaScript

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

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

[ads_center]

TextTailor.js

TextTailor.js

TextTailor.js

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

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

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

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

関連記事

  1. StickyStack.js

    JavaScript

    パネルにスタッキング効果を実装できるjQueryプラグイン「StickyStack.js」

    StickyStack.jsはパネルにスタッキング効果を実装することが…

  2. no-image
  3. CurvedText

    JavaScript

    曲線上にテキストを配置できるjQueryプラグイン「CurvedText」

    CurvedTextというjQueryプラグインを使えば、任意の曲線上…

  4. simple-calendar

    JavaScript

    イベント設定もできるシンプルなカレンダー実装「simple-calendar」

    simple-calendarは、イベント設定も可能なシンプルなカレン…

  5. no-image

    JavaScript

    シンプルでカスタマイズもしやすいタブパネル実装「jquery-tab」

    jquery-tabはシンプルなタブパネルを実装することができるjQu…

最近の記事

  1. ADR-3ML39シリーズ
  2. キュレル モイスチャーバーム
  3. FUJIFILM X-Pro3
  4. iPhone 11 ProとApple Watch Hermès
  5. cheero Energy Plus mini Wireless 4400mAh

アーカイブ

PAGE TOP