jQuery TextFill

JavaScript

テキストをリサイズしてコンテナにフィットさせる「jQuery TextFill」

jQuery TextFillはテキストをリサイズしてコンテナにフィットさせることができるjQueryプラグインです。使い方もとてもシンプルなので、手軽にコンテナ内にテキストをフィットさせたいときに覚えておきたいプラグインです。

jQuery TextFill

デモ

デモページではコンテナのサイズに合わせてテキストがリサイズされているのを確認できるかと思います。

また、「Type something…」と書かれたテキストボックスに文字を追加したり削減したりすると、それに合わせてその下にあるコンテナ内のテキストに反映されます。

使い方も簡単なので、サクッと実装できるのがいいですね。

オプションもいくつか用意されており、minFontPixels、maxFontPixels、innerTag、widthOnly、explicitWidth、explicitHeightなどといったものがあります。

そのほか、success、fail、complete時のコールバックも可能なので、カスタマイズして使いたい人にもピッタリですね。

というわけで、テキストをコンテナにうまくフィットさせたいという人は、ぜひjQuery TextFillを使ってみてはいかがでしょうか?

jQuery TextFill

関連記事

  1. jQuery Scrollify

    JavaScript

    セクションごとにスクロールしてくれる「jQuery Scrollify」

    jQuery Scrollifyはセクションごとにスクロールしてくれる…

  2. no-image
  3. JavaScript

    画面全体に背景を表示させフェードやスライドもできるjQuery「bgStretcher」

    ブラウザの画面全体に背景を表示させることができるjQueryプラグイン…

  4. no-image

    JavaScript

    軽量・高速でレスポンシブ対応のjQueryスライダー「partialViewSlider」

    partialViewSliderは左右にスライドする軽量・高速でレス…

  5. makefixed.js

    JavaScript

    スクロール中に要素を固定配置できるjQueryプラグイン「makefixed.js」

    makefixed.jsはスクロール中に指定した要素を固定配置させるこ…

  6. Siema

    JavaScript

    軽量でシンプルで依存性のないカルーセルを実装できる「Siema」

    Siemaは軽量でシンプル、そしてjQueryなどの依存性のないカルー…

最近の記事

  1. macOS Mojaveのダークモード
  2. Olli
  3. 単語帳メーカー(Flashcard Maker App)
  4. 1Password 7

Facebookページ

PAGE TOP