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

Macのデフォルトで入っているアプリのアイコンを取得Macのデフォルトで入っているアプリのアイコンを取得する方法前のページ

アルミニウム削り出しが美しい2ポートUSB電源アダプタ「Just Mobile AluPlug(ジャストモバイル アルプラグ)」次のページJust Mobile AluPlug(ジャストモバイル アルプラグ)

関連記事

  1. jqTree

    JavaScript

    JSONデータからツリー構造を作成できるjQueryプラグイン「jqTree」

    jqTreeはJSONデータを元にHTMLでツリー構造を作成できるjQ…

  2. underline.js

    JavaScript

    遊び心あるアニメーションと美しさを追求したアンダーライン「underline.js」

    underline.jsはアニメーションが付いた美しいアンダーラインを…

  3. SweetAlert2

    JavaScript

    カスタマイズ性が高くアクセシビリティ(WAI ARIA)に優れたアラート実装「SweetAlert2…

    SweetAlert2は、レスポンシブ対応でカスタマイズ性が高くアクセ…

  4. characterCounter

    JavaScript

    文字数のカウントや制限ができるjQueryプラグイン「characterCounter」

    characterCounterは文字数をカウントしてくれるシンプルな…

  5. jQuery googleslides
  6. Jquery-Slider

    JavaScript

    水平の画像タイムラインを実装できる「Jquery-Slider」

    Jquery-Sliderは水平の画像タイムラインを実装できるのが特徴…

最近の記事

  1. グーディオ オーガニックチョコレート(ミント)
  2. チキンバターマサラとシュリンプバターマサラ
  3. 恵比寿のダ・ミケーレのピザ
  4. ハムエッグホットサンドとドリップコーヒー
  5. 高輪ゲートウェイ駅のスタバ

アーカイブ

PAGE TOP