The best tools for web development | Web Code ToolsGenerate highly customizable CSS properties. Preview the results before copying them to your website.
Slide and Push Menus | Codrops
Fixed menus that will slide out from the sides of the page and in case of the right and left side optionally move the body. A set of fixed menus that will slide out from any of the edges of the page. The two menus that slide out from the left and right side can also be used in combination with the body moving to the left or right side, respectively, hence being “pushed”. There are examples of how
FacebookのJavaScript SDKをテストできる「JavaScript Test Console」の徹底解説
Facebookのアプリ開発でJavaScript SDKをテストできる「JavaScript Test Console」について紹介します。 JavaScript Test Console １．「JavaScript Test Console」とは 文字通り、Facebook上でJavaScript SDKをテストするためのコンソールで、テキストエリアにFacebookアプリ用のJavaScriptコードを書いて実行させるというものです。 テキストエリアにはアプリ（HTML）の内容を丸ごと記述すればいいようです。その際、JavaScript SDKの読み込みは不要です。 ２．「JavaScript Test Console」にログイン 最初は「Status」が「not_authorized」になっているので、「Login」をクリック。 Rellというアプリのログイン画面が表示されるので「
faviconを書き換えてfacebookの通知っぽくしてくれるfaviconアラート実装ライブラリ「Tinycon」:phpspot開発日誌
faviconを書き換えてfacebookの通知っぽくしてくれるfaviconアラート実装ライブラリ「Tinycon」 2012年02月09日- Tinycon - Favicon Alert Bubbles faviconを書き換えてfacebookの通知っぽくしてくれるfaviconアラート実装ライブラリ「Tinycon」 次のように、Chromeのfavicon部分を書き換えて何件の通知があるかを分かりやすくできるJSライブラリです。 Chromeで開いてみると通知がどんどん増えていくのが面白いです。 IEでも、タイトルを書き換えて (27) タイトル のような感じで通知が分かるようになっています。 facebook等で通知があると嬉しいものですが、こうした形で通知がよりわかり易くなるといいですね。 関連エントリ 高機能なカルーセルを実装するjQueryプラグイン５０まとめ 時間の入
Facebook Platform SDKについて
Facebookの開発者ブログでPlatform SDKについて告知がありましたので、本エントリーで情報展開します。 Facebook Platform SDK Support １．SDKの種類とソース・ドキュメント Facebookで現在サポートしているSDKの種類と、それぞれのソース・ドキュメントのURLは次の通りです。JavaScriptとPHPのgithubリポジトリはURLが変更になっているようなので注意が必要です。 JavaScript SDK ソース https://github.com/facebook/facebook-js-sdk ドキュメント https://developers.facebook.com/docs/reference/javascript/ PHP SDK ソース https://github.com/facebook/facebook-php-sd
shaneosullivan/boltjs @ GitHub
Here are some docs Documentation Documentation is available HERE Dependencies javelinjs.com License MIT Authors Shane O'Sullivan, Will Bailey, Vlad Kolesnikov, Tom Occhino Contact Shane O'Sullivan (shaneosullivan1@gmail.com), @chofter Download You can download this project in either zip or tar formats. You can also clone the project with Git by running: $ git clone git://github.com/shaneosullivan
Facebookソーシャルプラグインのロード時間を短縮する
Facebookの開発者ブログに、ソーシャルプラグインのパフォーマンス最適化についての記事が掲載されていましたので、本エントリーで紹介します。 How-To: Optimize Social Plugin Performance 「いいね!」ボタンやコメントボックスのソースコードを、ブログなどにそのまま貼りつけている方は、このエントリーで紹介しているものに書き換えればページの表示時間が短縮されるかもしれません。 パフォーマンスの最適化には、次の2つのベストプラクティスがあります。 １．channelUrlパラメータを追加する FB.initに、青色で示すchannelUrlパラメータを設定します。 <div id="fb-root"></div> <script src="//connect.facebook.net/ja_JP/all.js"></script> <script> FB.
13 jQuery SelectBox/Drop-down Plugins — SitePoint
How to Use jQuery’s ajax() Function for Asynchronous HTTP Requests
FacebookのLikeBox（いいね!ボックス）をシックリくるようカスタマイズしよう! – 和洋風KAI
ホームページのファンページを作ったなら必ずやるべきなのが「いいね!」を貰いやすくなるLikeBox（いいね!ボックス）の設置。 ただ、このLikeBox非常にカスタマイズがしにくいんですねー。 僕もちょっとわけわかんなかったので、カスタマイズ方法を書いてみましたー。 LikeBox（いいね!ボックス）のiframeタグを取得しよう! 詳解! Facebookファンページの作り方! | 和洋風◎ これを参考にLikeBoxの「iframeタグ」（ココ大事!）を取得しましょう! LikeBox（いいね!ボックス）の縦幅をカスタマイズしよう! 上の画像を見てください。青色が横幅のサイズの数値で、赤色が縦幅のサイズの数値となります。つまりここの数値を変更することで、自分の思うままのサイズに変更できます。 LikeBoxを作成するところで横幅は指定できるのですが、なぜか縦幅は変更できないので、上のよ
JavaScriptでお手軽にFacebookのアプリを作る - TechTalkManiacs
前々から書こう書こうと思っていた、FacebookのJavaScriptSDKの解説エントリーです。 APIや規格、HipHopやliftといったオープンソースなどの陰に隠れがちですが、このJavaScriptSDKもなかなか面白いです。 3行で解るJavaScript SDK 投稿・認証・署名を含めた全APIアクセスをサポート 公式なUIもついてくる Facebookアプリも、外部のマッシュアップサイトもこれ一つでOK つまり、これ一つで簡単なクライアント機能をもったサイトまたはFacebookアプリが作れちゃいます。 情報を取ってきてなにか書いてもらって投稿するのはもちろん、ちょっとしたクローリングをおまけにつけたアプリまでJavaScriptの範囲内で完結しますので、サーバー側で凝った処理を実装するのではなく、JavaScript側で可能な限り完結させるのがベストプラクティスといえま
metaタグを追加してFacebookに対応する方法とハマりやすいポイント
Facebook使ってますか？ こんにちわ、ME課の渕上です。 ミーハーなぼくはもうすっかりFacebook中毒です。 Facebookといえば、「いいね！」や「シェア」といった仕組みで、面白いものを友達に共有できる仕組みが特徴的です。 この仕組をうまく使えば、プロモーションやキャンペーンに有効活用できそうですね。 今回は、いつものhtmlに一手間加えて「いいね！」や「シェア」で効果的に露出できるような方法をまとめてみたいと思います。 それでは続きからどうぞ！ 「いいね！」「シェア」をするとFacebook上に何がどう表示されるのか 「いいね！」や「シェア」をすると自分の掲示板やニュースフィードにアクティビティが表示されます。 自分の掲示板 「いいね！」したものは「最近のアクティビティ」という項目にまとめられて表示されます。 よくよく見てみると、記事のタイトルだけのものと、サイト名が入って
【更新】ソーシャルメディアに共有するボタンの設置方法（Twitter, facebook, mixi, GREE, Evernote, Google+, Tumblr, Pinterest, はてブ） [C!]
MovableType 小技集 【更新】ソーシャルメディアに共有するボタンの設置方法（Twitter, facebook, mixi, GREE, Evernote, Google+, Tumblr, Pinterest, はてブ） ソーシャルメディアの各サービスがこぞって「いいね！」などの共有ボタンをリリースしています。ブログやニュースメディアでも頻繁に目にする昨今ですが、色々なソーシャルボタンの設置方法をまとめて紹介したいと思います。 目次（兼ショートカット） Twitter「Twitterボタン」 Facebook「Share」「Like（いいね！）」 mixi「mixiチェック」 GREE「Social Feedback（いいね！）」 Evernote「Site Memory（Clip）」 Google+「＋１」 Tumblr「Share on Tumblr」 Pinterest「
![【更新】ソーシャルメディアに共有するボタンの設置方法（Twitter, facebook, mixi, GREE, Evernote, Google+, Tumblr, Pinterest, はてブ） [C!]](https://cdn-ak-scissors.b.st-hatena.com/image/square/81e0b24df3879e2c544ed147f55618364bfffef0/height=288;version=1;width=512/https%3A%2F%2Fcreazy.net%2Fwp%2Fwp-content%2Fuploads%2F2017%2F12%2F6943392493_78691ae59d.jpg)
Facebookの「シェアする」ボタンを自分のサイトに入れる方法 | nanapi[ナナピ]
Facebookの「シェアする」ボタンを自分のサイトに入れる方法 に関するライフレシピをご紹介します。nanapi [ナナピ]は、みんなで作る暮らしのレシピサイトです。[お知らせ] nanapiのコンテストは投稿でAmazon券がもらえる！ はじめに Facebookって何？ Facebookという、世界中で使われまくっているサイトがあります。 すでにユーザー数も4億人を突破しています。日本でも利用者が増え続けており、近いうちに爆発的に伸びると言われています。 シェアするボタンとは？ そんなFacebookの機能の一つとして、友達に見ているページをシェアする機能があります。 自分のサイトを持っている人が、この機能を入れておけば、自分のページの情報を、Facebookの友達に紹介してもらえる可能性が高まり、アクセス数のアップが見込めます。 余談ですが、昔はGoogleやYahoo!から訪れる
facebookのLike!ボタンを自分のサイトに追加する方法 - RinGoon POP!!
facebookのLike!ボタンは、ボタンを押したサイトへのリンクや更新情報を、facebookのマイページに登録するボタンである。ここでは、自分のサイトをfacebookに登録するLike!ボタンを作成し、自分のサイトにLike!ボタンを追加する方法を解説する。 1. Likeボタンの作成 facebookの開発者向けページで、Likeボタンを作成します。 ■Like Button - Facebook開発者 URL to Like Likeする対象となる自分のサイトのURLを記入しますLayout Style"standard" は、Likeボタンの横や下に、誰がLikeを押したかを表示します。 "button_count"は、Likeされたカウントだけを表示します。Show Facesチェックすると、Likeボタンの下に、Likeボタンを押した人のプロフィール写真を表示しますWid
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google Domains Hosted Site
5秒でfacebookのコメントプラグインのインターフェイスを日本語にする | zaru blog
Getting Started - Facebook開発者