「Web Intents」でTwitterの機能をサイトに埋め込む
「Web Intents」でTwitterの機能をサイトに埋め込む 先日、AmazonがTwitterやFacebookによるシェア機能に対応したので、どうやって実装しているかを見ているとTwitterは「Web Intents」という機能を利用して実装していました。 ノーチェックだったのですがWeb Intentsは4月1日に公開された機能らしくすごく便利です。今までサイトにTwitterの機能を埋め込む際にはOAuth認証を利用しなくてはいけなかったのですが「Web Intents」を利用すれば簡単に埋め込めるようになっています。 Tweet機能の実装 つぎのようなシェアボタンを簡単に埋め込めます。 このページをシェア ソースコードは次のような感じになります。 <script type="text/javascript" src="http://twitter.com/intent/t
先日書いた「はてブ数」をテキスト表示するJavaScriptがカッチョ悪かったのでシンプルに書きなおしてみた。 – 和洋風KAI
真・はてブ数をテキスト表示するJavaScript+HTMLコード。 表示例：Controlキーを使いこなせばMacの作業効率は恐ろしく上がる! 覚えるべき7つのショートカットキー | 和洋風◎ ブログに貼り付ける新着エントリーリストコード。 注意：headには上のと同様のJavaScriptとCSSを貼りつけてください。 <$MTEntryTitle$> Chrome KeyConfig用にも作ってみた。 超個人的ですが、自分用にChrome KeyConfig用も作ってみました。 javascript:(function(){var ele=document.createElement('textarea');ele.style.width='100%';ele.value='関連：'+document.title+' ';document.body.insertBefore(ele,
CSSでキュウべえ(FULL)を描いてみた - jsdo.it - Share JavaScript, HTML5 and CSS
/* * CSSでキュウべえ(FULL)を描いてみた * ※Google Chrome, FireFox, Safari, Operaに対応しています。 */ <div class="qb"> <!-- tail --> <div class="tail"> <div class="parts-1"></div> <div class="parts-2"></div> <div class="parts-3"></div> <div class="parts-4"></div> <div class="parts-5"></div> <div class="parts-6"></div> <div class="parts-7"></div> <div class="parts-8"></div> <div class="parts-9"></div> </div> <!-- ear --
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://www.facebook.com/careers/puzzles.php
