話題のサークルデザイン｜展開可能なソーシャルボタンをjQueryで実装できる「ClassySocial」
スマートフォン用に作られたアプリのうち、今年はサークルが広まっています。 同時にフラットデザインなんかと併用して使われることがあり、今回はこうしたサークルデザインのアクセントとして使うことが出来るサークルボタンをご紹介致します。 これはjQueryを利用して、比較的簡単に設置出来るのが利点です。 以下からダウンロード可能。 ClassySocial | Class.PM とりあえずイメージとしては以下の様な。 中心から周りに展開。 ボタンから右へ展開。 今回の紹介されているものは、ソーシャルボタンですが、使い道はいろいろですね。 設置 jQueryお決まりのコレ。<head></head>内に記述。 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 続いて、CSS
Facebook のシェアボタンが設置出来なくて涙目なそこのキミぃー
もう使えなくなるのでしょうか〜？シェアボタン！ シェアボタン復活してたみたい！（追記：20131204） 追記です。いつから復活したのか不明ですけど、「Facebook developers」にてソースコードの取得が出来る様になっていますよ！ この記事は元々、シェアボタンが廃止されたタイミングで書きましたので内容的におかしいと思うところがあるかもしれません。 Share Button – Facebook developers 無いないっ！シェアボタンがなーい！ Facebook のシェアボタンがなんだか分からないけど、突然格好良く感じたのでブログに設置したくなりました！早速 Facebook からボタンのソースを入手して WordPress に貼りつけてやるー！と意気込んで Facebook にアクセスしてみたところ何故か見当たりません。Google 先生に聞いたところ、このページを見つ
Facebook,Twitter,はてな,mixiのソーシャルボタンをオリジナルにしたいのです
FacebookやらTwitterやらはてなやらmixiやら何やらソーシャルボタン付けたいけれど、 角丸とかフォントとか大きさがまちまちだし幅とるしカウント数いらないし… 記事の下とかにあるならいいけど、 これが記事の上にあったりすると微妙に嬉しくない。 なんとか、 って具合に、アイコンだけ並べておけないだろうか。と思ったわけです。 分けて書こうと思ったけど、あんまりマメ子じゃなくてすぐ忘れるので、一気にダーッとメモします。 ≫Facebookのシェアをスマートに！ ≫ボタンをオリジナル（自作）にする簡単なカスタマイズ ≫FacebookシェアのオリジナルボタンをMovabletypeに入れる。 ≫Facebookに投稿するコンテンツの見せ方にこだわる ≫OGPのmetaタグをMovableTypeに入れてみる ≫テストユーザーで投稿テストしてみる ≫Twitterのボタンをオリジナルにす
オリジナルの自作画像でGoogle+1ボタンを実装する方法
（12.02/21 16:00 追記）以前掲載していた「Google+1の実装方法」は、正しくは「Google+ Shareの実装方法」でした。改めて「Google+1の実装方法」を追加するとともに、謝意を表します。 今ちょっと新作webサービス作ってるんですが、自分で作ったオリジナル画像やフリー素材などで「Google+1ボタン」を実装する場合、どこにリンク張ればいいのか分からんくて。 いろいろ情報を探してみたところ、さっきやっとこさ判明したので、イキオイでシェアしまーす！ んで、それだけじゃアレだから、ついでに「twitter」と「facebook」と「はてなブックマーク」でも同様の方法をメモメモしときます。 オリジナルの自作画像で各SNSのシェア系ボタンを実装する方法 Google+1の場合 2012年2月21日現在、Google+1へ追加するためには、正規の方法（ココからスクリプト
ソーシャル系ボタン（facebook, twitter, はてなブックマーク）の設置 - tumblr
これくらい速攻で10分くらいで出来るだろうと思ったら、案の定僕の必殺スキル「時間見積もり大失敗」が発動して数時間かかり、発動者自身を殺しちゃったので、もうこんな悲劇が起きないように覚書。 やりたいこと ソーシャル系ボタンの追加。 ボタンが置いてあるページ自身ではなく、別のページをシェアなりブクマさせたい。 （http://www.example.comにボタンを置き、http://www.example.com/exampleをシェアとかさせたい） twitterのツイートボタン https://twitter.com/about/resources/buttons#tweetにジェネレータがあるので、それに従えばよい。 例： <a href="https://twitter.com/share" class="twitter-share-button" data-via="shim0mu
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
