share-this

JavaScript

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

share-thisはテキストを選択して手軽にTwitterやFacebookなどにシェアできる、Mediumライクなシェアインターフェイスを実装できるライブラリです。jQueryなどの依存性もなく、ファイルも非常に軽量です。CSSクラスやスタイルシートのカスタマイズも可能です。

ポップオーバーでシェアメニューを表示

デモ

シェアしたいテキストをドラッグして選択すると、その場所にポップオーバーでシェアメニューが表示されます。目的のWebサービスや機能のボタンをクリックすると、そのテキストをシェアできたり音声で読み上げたりといったことが可能です。

カスタマイズ性にも優れているので、自分好みにカスタマイズして活用できるのがいいですね。デザインに関しても、余計な装飾などもなくシンプルでさまざまなサイトに合いそうです。

共有したいテキスト部分を選択するだけでシェアメニューが表示されるので、とても手軽に各サービスにシェアできます。Webサイトにこういった手軽にシェアできる仕組みが用意されていれば、シェアされる可能性もアップしそうですね。

容量も軽量だしjQueryといったものに依存する必要がないところもうれしいポイントの1つです。

パッケージングされたデフォルトのベーシックなシェアサービスは、Twitter、Facebook、LinkedIn、Reddit、Emailです。また、サポートされているブラウザは、Chrome/Opera、Firefox 52+ (1)、Edge、Safari 5.1+、Internet Explorer 9+とのこと。ライセンスはMITになります。

というわけで、テキストを選択して手軽にシェアできるMediumライクなインターフェイスを実装できるライブラリ「share-this」のご紹介でした。

share-this

Thumbelinaサムネイル画像のギャラリーに最適なコンテンツスライダー「Thumbelina」前のページ

美しいレスポンシブなカルーセルスライダーを実装できる「Owl Carousel 2」次のページOwl Carousel 2

関連記事

  1. Stackbox.js

    JavaScript

    プルプル震えるモーダルボックスを実装できるjQueryプラグイン「Stackbox.js」

    Stackbox.jsというjQueryプラグインを使えば、プルプル震…

  2. JavaScript

    指定した要素をパカパカと点滅させることができる「jquery.flicker」

    とてもシンプルなプラグインだったのでメモがてらご紹介します。指定した要…

  3. JavaScript

    リスト化した要素を自分が指定した数に分割できるjQueryプラグイン「Easy List Split…

    リスト化した要素を自分が指定した数に分割できるシンプルだけど便利なjQ…

  4. JavaScript

    テキストの一部分をサラっとアニメーションさせるjQueryプラグイン「dynamo.js」

    テキストで指定した一部分をサラっとアニメーションさせるjQueryプラ…

  5. Pogo Slider

    JavaScript

    豊富なスライドアニメーションが揃っているjQueryプラグイン「Pogo Slider」

    Pogo Sliderは豊富なスライドアニメーションが揃っているjQu…

  6. formBuilder

    JavaScript

    ドラッグ&ドロップでフォームを手軽につくれる「formBuilder」

    formBuilderはドラッグ&ドロップでフォームを手軽につくること…

最近の記事

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