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. overhang.jp

    JavaScript

    シンプルでクールな通知バーを実装できるjQueryプラグイン「overhang.jp」

    overhang.jsは、通知バーを実装するためのjQueryプラグイ…

  2. FancySelect

    JavaScript

    セレクトメニューをスタイリッシュに実装できるjQueryプラグイン「FancySelect」

    セレクトメニューをシンプルでスタイリッシュに実装することができるjQu…

  3. Zoomer

    JavaScript

    画像をズームできてギャラリーにもすることができるjQueryプラグイン「Zoomer」

    ZoomerというjQueryプラグインを使えば画像をズームさせる機能…

  4. no-image

    JavaScript

    レスポンシブでマルチレベルに対応したナビゲーション「K-Responsive-Menu」

    K-Responsive-Menuは、レスポンシブでマルチレベルに対応…

  5. no-image

    JavaScript

    シンプルでエレガントなモーダルボックスを実装できる「Fallr.js」

    Fallr.jsはシンプルでエレガントなモーダルボックスを実装できるj…

  6. jQuery Context Menu

    JavaScript

    軽量でシンプルなコンテキストメニューを実装できる「jQuery Context Menu」

    jQuery Context Menuは、軽量でシンプルなコンテキスト…

最近の記事

  1. 冬用のふとん
  2. 田沢湖
  3. ゴムの耳栓
  4. ライオンコーヒー(バニラマカダミア)
PAGE TOP