jQuery Social Share Bar

JavaScript

固定表示される美しいソーシャルシェアバーを実装できる「jQuery Social Share Bar」

jQuery Social Share Barは画面をスクロールしても固定表示されるシンプルで美しいソーシャルシェアバーを実装できるjQueryプラグインです。無駄のないミニマルなデザインで、さりげない存在ながらもユーザーがシェアしたい時にはいつでもアクションを起こせるアクセス性のよさがいいですね。

jQuery Social Share Bar

デモ

PCで見ると画面左端にツイッターやフェイスブックなどが並んだソーシャルシェアバーが設置されています。ページをスクロールしても一定の位置を保ってくれるので、画面領域から消えることがありません。

いつでもシェアできる優れたアクセス性を備えています。

さらに画面の横幅を縮小していくと分かりますが、モバイル版では画面の下部にソーシャルシェアバーが移動します。スマホの画面で横に表示されたままだとコンテンツも見づらくなるので、この仕様はとてもありがたいところです。

サポートしているソーシャルメディアは、フェイスブック、ツイッター、LinkedIn、Google+、ピンタレスト、Reddit、Tumblr、StumbleUpon、Digg、Emailです。

また、オプションには、pageTitle、pageUrl、pageDesc、position、theme、animate、channelsという項目が用意されています。

シンプルで美しいソーシャルシェアバーを固定表示させたい人は、ぜひ「jQuery Social Share Bar」を活用されてみてはいかがですか?

jQuery Social Share Bar

no-image要素ごとにスクロールできるjQueryプラグイン「snapScroll.js」前のページ

シンプルでスタイリッシュなjQueryスライダー「Simple slider」次のページno-image

関連記事

  1. no-image
  2. PopSelect

    JavaScript

    タグ形式のセレクトボックスをポップオーバーで表示させる「PopSelect」

    PopSelectはタグ付けするような感覚のセレクトボックスをポップオ…

  3. Rate Yo!

    JavaScript

    星評価(レーティング)を簡単に実装できるjQueryプラグイン「Rate Yo!」

    Rate Yo!というjQueryプラグインを使えば、SVGを使った星…

  4. Adi.js

    JavaScript

    アドブロックを検知してくれる「Adi.js」

    Adi.jsはアドブロックを検知してくれるjQueryプラグインです。…

  5. Optiscroll

    JavaScript

    縦横に対応したカスタマイズ性に優れたモダンなスクロールバー「Optiscroll」

    Optiscrollは、軽量で高度に最適化されたカスタマイズ性に優れた…

  6. Gradientify

    JavaScript

    シンプルなCSSグラデーション変化を実装できる「Gradientify」

    GradientifyはシンプルなCSSグラデーション変化を実装するこ…

最近の記事

  1. COMOLI 和紙コットンリストバンド
  2. スターバックス インドネシア アチェ
  3. ベーコンとほうれん草のキッシュ
  4. サンクラフト ポテトング

アーカイブ

PAGE TOP