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

関連記事

  1. no-image

    JavaScript

    シンプルでパワフルなセレクトボックスを実装できる「SelectPage」

    SelectPageはシンプルながらも高いカスタマイズ性を備えたパワフ…

  2. Nivo Lightbox

    JavaScript

    Lightbox系のレスポンシブ対応のjQueryプラグイン「Nivo Lightbox」

    シンプルでレスポンシブにも対応しているLightbox系のjQuery…

  3. HCaptions

    JavaScript

    ホバー時に色々なエフェクトでキャプションをオーバーレイ表示できるjQueryプラグイン「HCapti…

    指定した要素をホバーすると色々なエフェクトでキャプションをオーバーレイ…

  4. iconate.js

    JavaScript

    アイコンをオシャレにアニメーションしながらtransformさせる「iconate.js」

    iconate.jsはアイコンをアニメーションさせながら別のアイコンへ…

  5. Yet Another Ripple Plugin
  6. SimpleCalculadora

    JavaScript

    シンプルでカスタマイズもできる電卓「SimpleCalculadora」

    SimpleCalculadoraはシンプルでCSS、オプションなどで…

最近の記事

  1. Soundcore Liberty Neo(第2世代)
  2. EH-NA0B
  3. KPS-88
  4. Happy Plugs AIR1
  5. cheero Stream 10000mAh

アーカイブ

PAGE TOP