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. no-image

    JavaScript

    テキストに応じてアンダーラインが伸び縮みする「Magic Line Menu」

    Magic Line Menuはナビゲーションメニューのテキストに応じ…

  2. Fitty

    JavaScript

    親コンテナにテキストをフィットさせられる「Fitty」

    Fittyはテキストをスケールアップ、またはスケールダウンして親コンテ…

  3. ToxicBox

    JavaScript

    さまざまなコンテンツをポップアップウィンドウで表示できる「ToxicBox」

    ToxicBoxは、ライトボックスのjQueryプラグインです。近年、…

  4. scrollama.js

    JavaScript

    スクロールイベントを実装できるモダンで軽量なJSライブラリ「scrollama.js」

    scrollama.jsは、スクロールイベントを実装することができるモ…

  5. JavaScript

    jQueryでCSSを複数の値で設定するやり方やクラスの追加や削減など色々

    jQueryのCSS操作で複数の値を渡したい時はハッシュ形式にすると便…

  6. Stretchy

    JavaScript

    入力した文字数に合わせて可変するフォーム実装「Stretchy」

    Stretchyは入力した文字数に合わせてボックスが伸び縮みするフォー…

最近の記事

  1. 梅
  2. CAR-HLD12BK
  3. OWL-LPB6701LA

アーカイブ

PAGE TOP