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. JavaScript

    リスト化した要素を自分が指定した数に分割できるjQueryプラグイン「Easy List Split…

    リスト化した要素を自分が指定した数に分割できるシンプルだけど便利なjQ…

  2. JavaScript

    シンプルでスワイプにも対応したスライダーならSimple jQuery sliderがオススメ

    シンプルでスマホのスワイプにも対応したスライダーを実装したいって時にオ…

  3. Vertical Timeline

    JavaScript

    垂直型のシンプルなタイムラインを実装できるjQueryプラグイン「Vertical Timeline…

    Vertical Timelineは、垂直型のシンプルなタイムラインを…

  4. Parallax Slider with jQuery
  5. Custom jQuery Lightbox

    JavaScript

    デザインや使い方がシンプルな「Custom jQuery Lightbox」

    Custom jQuery Lightboxはデザインや使い方がシンプ…

  6. Multipicker

    JavaScript

    要素を選択するときに直感的な操作を実現する「Multipicker」

    Multipickerは、日付や曜日、番号、その他さまざまな要素を選択…

最近の記事

  1. リンツ リンドール
  2. ジェットストリームの三色ボールペン(+シャーペン付き)と黒の替芯
  3. ブラジルイパネマ

アーカイブ

PAGE TOP