TextTailor.js

JavaScript

コンテナ内のフォントサイズを自動リサイズしてくれるjQueryプラグイン「TextTailor.js」

TextTailor.jsはブラウザ幅に合わせてコンテナ内のテキストのフォントサイズを自動でリサイズさせることができるjQueryプラグインです。レスポンシブWebデザインにとても最適な機能ですね。可変するコンテナに合わせてテキストをフィットさせたい時に役立つのではないでしょうか。

[ads_center]

TextTailor.js

TextTailor.js

TextTailor.js

実際のデモでは、画面サイズを縮小していくとそれに合わせてフォントサイズも縮小されていきます。もちろんその逆に拡大することによってフォントサイズも拡大します。

iPhoneやAndroidといったデバイスからでも見やすく表示されるので、ユーザーにとっても嬉しいですね。使い方もシンプルなので手軽に導入できそうなところがいいと思います。

オプションも最小フォントや最大フォントなんかを設定することができるので、ちょっとしたカスタマイズもしやすいそうな感じです。

コンテナの大きさに合うフォントサイズに自動で変更させたい時に活用してみたいですね。

いい感じのiPhone6・iPhone6 PlusのPSDモックアップ素材集(フリー)前のページ

Pinterest風のレスポンシブなグリッドレイアウトを実装できるjQueryプラグイン「Babylon Grid」次のページBabylon Grid

関連記事

  1. jquery-time-slider

    JavaScript

    時間と日付を選択できる「jquery-time-slider」

    jquery-time-sliderは時間と日付を選択できるjQuer…

  2. jQuery-Simple-MobileMenu
  3. Pushbar.js

    JavaScript

    スライドでコンテンツを引き出せる「Pushbar.js」

    Pushbar.jsはスライドでコンテンツやナビゲーションメニューを引…

  4. Multi-Level Menu

    JavaScript

    流れるような遅延アニメーションが美しい階層化メニュー実装「Multi-Level Menu」

    Multi-Level Menuは流れるような遅延アニメーションが美し…

  5. suitabs

    JavaScript

    横や縦にスライドできるスライドショー&タブ実装のjQueryプラグイン「suitabs」

    suitabsはスライドショー&タブを実装することができるjQuery…

  6. Philter

    JavaScript

    CSSのフィルターをコントロールできるjQueryプラグイン「Philter」

    PhilterはCSSのフィルターを簡単にコントロールすることができる…

最近の記事

  1. 長十郎
  2. COMOLI シルクネルシャツ
  3. WiMAX
  4. 甘柿
PAGE TOP