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. pixelate.js
  2. SweetAlert2

    JavaScript

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

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

  3. Frappe Charts

    JavaScript

    シンプルでモダンなSVGチャートを実装できる「Frappe Charts」

    Frappe Chartsは、シンプルでモダンなSVGチャート(グラフ…

  4. jQuery.Flexdatalist

    JavaScript

    テキスト入力候補を表示させれる「jQuery.Flexdatalist」

    jQuery.Flexdatalistはテキスト入力候補を表示させるこ…

  5. jQueryを使わないコード集

    JavaScript

    jQueryを使わないでコードを書くTips集

    jQueryを使えば簡単にできることがたくさんあるんですが、ちょっとし…

  6. Docked Link jQuery Plugin

最近の記事

  1. SRS-XB43
  2. Nu:kin
  3. フィールグッドシャワー

アーカイブ

PAGE TOP