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. Priority Nav Scroller

    JavaScript

    水平スクロールができるナビゲーション「Priority Nav Scroller」

    Priority Nav Scrollerは水平スクロールを備えたナビ…

  2. JavaScript

    レスポンシブ対応で優雅なエフェクトが印象的なjQueryスライダー「Juicy Slider」

    レスポンシブに対応している軽量のjQueryスライダー「Juicy S…

  3. Rollerblade.js

    JavaScript

    画像を360度回転させて見せることができるjQueryプラグイン「Rollerblade.js」

    Rollerblade.jsというjQueryプラグインを使えば、画像…

  4. desoSlide

    JavaScript

    サムネイル付きのナビが素敵なスライダーを実装できるjQueryプラグイン「desoSlide」

    desoSlideというjQueryプラグインを使えば、サムネイル付き…

  5. JavaScript

    フルスクリーンで画像などの要素を表示させることができるJSライブラリ「screenfull.js」

    screenfull.jsは画像などの要素をフルスクリーンで表示させる…

  6. Fly to

    JavaScript

    カートに入れた際に飛んでいくエフェクトのjQueryプラグイン「Fly to」

    Fly toは商品をカートに入れた際にカートまで飛んでいくエフェクトを…

最近の記事

  1. Anker PowerPort Atom PD 4
  2. USB-2H401BKN
  3. Dyson Pure Cool Me
  4. ルック セレクション

アーカイブ

PAGE TOP