Shave

JavaScript

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

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

Shave

Shave

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

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

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

hopWebページ上の好きな場所をハイライトできる「hop」前のページ

スクロール時にアニメーションするjQueryプラグイン「Scrolla」次のページScrolla

関連記事

  1. share-this

    JavaScript

    テキストを選択してシェアできるMediumライクな「share-this」

    share-thisはテキストを選択して手軽にTwitterやFace…

  2. Coin Slider

    JavaScript

    ユニークなエフェクトを実装できるjQueryイメージスライダー「Coin Slider」

    ユニークなエフェクトで画像がスライドしていくjQueryイメージスライ…

  3. stickUp2

    JavaScript

    スクロールしてもついてくるスティッキー実装「stickUp2」

    stickUp2はスクロールしてもついてくるシンプルなスティッキーを実…

  4. jQuery-ResizableColumns

    JavaScript

    テーブルのカラムをリサイズできる「jQuery-ResizableColumns」

    jQuery-ResizableColumnsは、テーブルのカラムをリ…

  5. FREVR

    JavaScript

    シンプルな無限スクロールを実装できるjQueryプラグイン「FREVR」

    FREVRはシンプルで軽量な無限スクロールの機能を実装することができる…

  6. bubbly-bg

    JavaScript

    幻想的なバブル背景アニメーションを実装できる「bubbly-bg」

    bubbly-bgは幻想的で美しいバブル(気泡)背景アニメーションを実…

最近の記事

  1. ナイトロコーヒー
  2. チーズベーコンエッグバーガー
  3. ランチセットA
PAGE TOP