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. Simple Image Panner and Zoomer
  2. syncscroll

    JavaScript

    2つ以上のスクロールエリアを同時にスクロールできる「syncscroll」

    syncscrollは2つ以上のスクロールエリアを同時にスクロールでき…

  3. jQuery Flat Shadow

    JavaScript

    フラットデザインに影をつけてくれるjQueryプラグイン「jQuery Flat Shadow」

    フラットデザインのUIに影(シャドウ)をつけてくれるjQueryプラグ…

  4. Tipr

    JavaScript

    軽量、フラット、シンプルなツールチップを実装できるjQueryプラグイン「Tipr」

    Tiprはフラットでシンプルなツールチップを実装することができるjQu…

  5. tingle.js

    JavaScript

    シンプルで手軽に実装できるモーダルウィンドウ「tingle.js」

    tingle.jsは、シンプルなモーダルウィンドウを実装できるスクリプ…

  6. Drooltip.js

    JavaScript

    拡張性の高い美しいツールチップを実装できる「Drooltip.js」

    Drooltip.jsは、美しくパワフルで拡張性の高いツールチップを実…

最近の記事

  1. すしざんまい
  2. 蒼龍唐玉堂 特製牛バラ担々麺
  3. サーモンアボカドサラダラップとドリップ
  4. 猿田彦フレンチ
  5. Zarigani Curry 挽肉のカレー ゴーダチーズとピクルスを添えて

アーカイブ

PAGE TOP