TextFit

JavaScript

テキストをコンテナ幅にすばやくフィットさせる「TextFit」

TextFitは、一行または複数行のテキストをコンテナ幅(オプションにより高さも)にすばやくフィットさせられるjQueryフリーコンポーネントです。特定のコンテナ内にテキストをキレイに収めたい場合には最適な機能ですね。

TextFit

デモ

デモではコンテナに収められた様々なテキストを見ることができます。一行で書かれたものから複数行で書かれたものまでいろんなテキストが用意されています。単語が途中で切れることなくキレイに収まるそのサマはとても気持ちがいいですね。

ファイル容量も4.1KBととてもコンパクトだし、gzip版では1.5KBほどしかありません。サポート済みのブラウザも、IE9+、Firefox、Chrome、Opera、ほとんどのモバイルブラウザなど、たくさんの種類に対応しているのがグッドです。

また、TextFitのセッティング項目には、alignVert、alignHoriz、multiLine、detectMultiLine、minFontSize、maxFontSize、reProcess、widthOnly、alignVertWithFlexboxといったものが用意されています。軽量ながらもカスタマイズ性もしっかり備えています。

TextFit

関連記事

  1. Kontext

    JavaScript

    iOSの画面切り替えのようなスライドができるJavaScript「Kontext」

    KontextというJavaScriptを使えばiOSの画面切り替えの…

  2. no-image

    JavaScript

    グリッドレイアウトによるシンプルで軽量なギャラリー「Grid Gallery」

    Grid Galleryはグリッドレイアウトによるシンプルで軽量なイメ…

  3. GoogleSheets-HTMLImporter
  4. Lettering.js

    JavaScript

    一文字ずつスタイルなどを調整できるようにしてくれる「Lettering.js」

    Lettering.jsは一文字ずつCSSなどでスタイルを調整できるよ…

  5. JavaScript

    jQueryプラグイン・2014年上半期56選まとめ

    気づいたら2014年も上半期が終わってしまいましたね。そんなわけで、2…

  6. textwriteout

    JavaScript

    テキストの書き出し・削減ができるjQueryプラグイン「textwriteout」

    textwriteoutは指定したテキストを書き出したり削減したりでき…

最近の記事

  1. Olli
  2. 単語帳メーカー(Flashcard Maker App)
  3. 1Password 7
  4. 風に揺れる草

Facebookページ

PAGE TOP