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. Jqx-Media-Slider
  2. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryでアニメーション動作中と停止中で処理を分ける:animatedと:not(:animat…

    jQueryでアニメーションが動作中の時だけ、またはアニメーションが停…

  3. Simple button radios

    JavaScript

    シンプルで高性能なラジオボタンを実装できる「Simple button radios」

    Simple button radiosはシンプルで高性能なラジオボタ…

  4. no-image

    JavaScript

    2枚の画像の違いを比較できるjQueryプラグイン「baSlider」

    baSliderはビフォー・アフターのような2枚の画像の違いを比較でき…

  5. underline.js

    JavaScript

    遊び心あるアニメーションと美しさを追求したアンダーライン「underline.js」

    underline.jsはアニメーションが付いた美しいアンダーラインを…

最近の記事

  1. VS-543AS
  2. タリーズ 本日のコーヒー
  3. MRW-G1
  4. 桜と太陽

アーカイブ

PAGE TOP