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

no-imageレスポンシブに対応したモーダルウィンドウのようなアラート実装「jquery.alert」前のページ

レスポンシブ対応でスケジュール管理もできるカレンダー「jquery-calendar」次のページjquery-calendar

関連記事

  1. Scrolltab

    JavaScript

    スクロール移動させるタブを追加できるjQueryプラグイン「Scrolltab」

    ScrolltabというjQueryプラグインを使えばスクロール移動さ…

  2. JavaScript

    とてもシンプルで綺麗なツールチップを簡単に実装することができるjQueryプラグイン「gips」

    使いやすさや見た目もシンプルで綺麗なツールチップを実装することができる…

  3. SimpleCalculadora

    JavaScript

    シンプルでカスタマイズもできる電卓「SimpleCalculadora」

    SimpleCalculadoraはシンプルでCSS、オプションなどで…

  4. Blindify
  5. no-image

    JavaScript

    シンプルで軽量なスクロールアニメーション実装「animateMePlz」

    animateMePlzはシンプルで軽量なスクロールアニメーションを実…

最近の記事

  1. 田沢湖
  2. ゴムの耳栓
  3. ライオンコーヒー(バニラマカダミア)
PAGE TOP