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. Water Wave Effect jQuery
  2. SimpleAccordion

    JavaScript

    シンプルなアコーディオンを実装できるjQueryプラグイン「SimpleAccordion」

    SimpleAccordionは、シンプルなアコーディオンを実装するこ…

  3. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryのマウス操作のイベントをまとめてみる

    マウス操作に関するイベントをまとめてみました。まとめたイベントはmou…

  4. Philter

    JavaScript

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

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

  5. jQuery Responsive Tabs
  6. Jquery Tab Plugin

    JavaScript

    シンプルで見やすいタブパネルを実装できる「Jquery Tab Plugin」

    Jquery Tab Pluginはシンプルで見やすく、そして操作しや…

最近の記事

  1. 蒼龍唐玉堂 特製牛バラ担々麺
  2. サーモンアボカドサラダラップとドリップ
  3. 猿田彦フレンチ
  4. Zarigani Curry 挽肉のカレー ゴーダチーズとピクルスを添えて
  5. ビジネスホテル

アーカイブ

PAGE TOP