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. AniX

    JavaScript

    優れたパフォーマンスと互換性を備えたアニメーションライブラリ「AniX」

    AniXは優れたパフォーマンスと互換性を備えた軽量のアニメーションライ…

  2. JavaScript

    jQueryで好きな要素を浮遊させることができるプラグイン「jqFloat」を使ってみた

    指定した要素をフワフワと浮遊させることができる面白いプラグインを使って…

  3. JavaScript

    水面にゆらゆらと波打つ動きを与えてくれるjQueryプラグイン「lake.js」

    面白そうなプラグインだったので使ってみました。画像を指定するとその画像…

  4. JavaScript

    サイドからスライド開閉するレスポンシブメニューのjQueryプラグイン「Material Menu」…

    Material Menuはサイドからスライド開閉するレスポンシブ対応…

  5. no-image
  6. JavaScript

    ニュースやお知らせなどに使えるティッカー「jQuery WebTicker」

    ニュースやお知らせなんかに使えるティッカー「jQuery WebTic…

最近の記事

  1. Anker PowerWave 10 Pad & Stand セット
  2. ミノン メン 薬用全身シャンプー

アーカイブ

PAGE TOP