Shave

JavaScript

設定した高さに基づいて複数行のテキストを切り取る「Shave」

Shaveは設定した最大の高さに基づいてHTML要素内に収まるように複数行のテキストを切り取ることができるJSプラグインです。ファイル容量が軽量なうえに、ほかのライブラリなどに依存することなく使えるのがいいですね。

Shave

Shave

デモでは「TRUNCATE TEXT」というボタンをクリックすると、その下に表示されているテキストの一部が切り取られます。あらかじめ設定してあるHTML要素の高さにあわせてカットされるので、レイアウトを細かく管理したい人にもうれしい仕様ですね。

また、ファイル容量もmin版でなくても〜1.5kbと非常に軽量に仕上がっているところもグッドです。使い方もシンプルなので、手軽に利用できるのではないでしょうか。

というわけで、設定した最大の高さに基づいて複数行のテキストを切り取ってくれる「Shave」のご紹介でした。

関連記事

  1. JK Responsive Youtube Video and Image Gallery
  2. Accessible Dialog

    JavaScript

    ナビゲーションメニューをモーダルダイアログで表示する「Accessible Dialog」

    Accessible Dialogは、ナビゲーションメニューをモーダル…

  3. no-image

    JavaScript

    スライダータイプの質問フォーム実装「jquery.formslider」

    jquery.formsliderはスライダータイプによる質問フォーム…

  4. simpler-sidebar

    JavaScript

    シンプルでスタイリッシュなサイドナビゲーション「simpler-sidebar」

    simpler-sidebarは、シンプルでスタイリッシュなサイドナビ…

  5. jQuery Elastic Grid

最近の記事

  1. Anker PowerPort PD 1 & ライトニングケーブル(0.9m ホワイト)
  2. オリジナルチキン6ピース
  3. 200-DGCAM019
  4. ハクバ GW-PRO RED フォトグローブプロ PL

アーカイブ

PAGE TOP