TextTailor.js

JavaScript

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

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

[ads_center]

TextTailor.js

TextTailor.js

TextTailor.js

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

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

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

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

関連記事

  1. JavaScript

    リスト化したテキストを円になるように配置してくれるjQueryプラグイン「Extremes」

    ちょっと面白そうだったので使ってみました。リスト化した各テキストを円を…

  2. spzoom

    JavaScript

    シンプルで使いやすい画像ズームを実装できるjQueryプラグイン「spzoom」

    spzoomはシンプルな操作性で使いやすい画像ズーム機能を実装できるj…

  3. no-image

    JavaScript

    レスポンシブ対応のjQuery Lightbox & Popupプラグイン「Flashy」

    Flashyはレスポンシブに対応したjQuery Lightbox &…

  4. JavaScript

    値を指定することで好きなカラースウォッチを表示できるjQueryプラグイン「Color Swatch…

    これはどこかで使いたくなるjQueryプラグインですね。カラー値を指定…

  5. ssi-modal

    JavaScript

    フレキシブルでパワフルなモーダルウィンドウを実装できる「ssi-modal」

    ssi-modalはカスタマイズ性に優れたフレキシブルでパワフルなモー…

  6. JavaScript

    サイドからスライド開閉するレスポンシブメニューのjQueryプラグイン「Material Menu」…

    Material Menuはサイドからスライド開閉するレスポンシブ対応…

最近の記事

  1. 久保田城
  2. ハードサイド CS80
  3. ACC-TRBX
  4. ピスタチオ クリスマス ツリー フラペチーノ

Instagram始めました

Facebookページ

PAGE TOP