» FacebookのPage PluginでPCは小さく、スマホは100%にするレスポンシブ対応CSS｜今プラスブログ
FacebookページをWEBサイトに貼り付ける時に、使うpage plugin。 レスポンシブデザインにする場合、PCが500pxでタブレット、スマートフォンを100%にする場合は結構簡単なんですが、PCの時は240pxなど小さいサイズにしてスマートフォンの時は100%にする場合は少し工夫が必要です。 1.page pluginでは500pxで取得する Page PluginのページのWidthには500を入力して、最大サイズである500pxのコードを取得します。 参考リンク：Page Plugin 2.CSSで下記を指定する 今回はブレイクポイント(画面によってCSSが切り替わるポイント)を2つにしました。 641px以上又は641px以下かというポイントです。 @media screen and (min-width:641px) { .fb-page { width:240px !
page plugin（facebook埋め込み）をレスポンシブ対応する
2015年6月にfacebookをwebサイトに埋め込むには「like box」から「page plugin」に変更になりました。 単純に埋め込むにはこちらからコードを取得し貼り付けるだけでfacebookウィジェットを埋め込むことができます。 一応レスポンシブ対応していますが、仕様としては最初に表示された親ボックスサイズ(180px〜500pxの制限あり)に合わせてレスポンシブに可変されますが動的にウィンドウサイズは変更されません。 このままでもほぼ問題ないと思いますが、どうしてもダイナミックにレスポンシブ対応したい場合のjqueryを使った対応方法をメモ。 まずは通常の手順通りコードを埋め込む 下記のように埋め込みたい場所（ここでは＜div id=”pageplugin”＞ボックス内）に取得したコードを埋め込みます。（javascriptのコードは省略） <div id="pagepl
Facebookアプリを使えばいとも簡単にメールアドレスを抜けると言うことを知らない人が多すぎる
某「＊＊新聞」なるアプリが流行ってますが。まあそれはそれとして。 Facebookアプリを承認したら、簡単にメアド抜かれてしまっているというのはご存知でしょうか。 ご存知の方はスルーしてください。 以前よりスパム的アプリは様々なタイプがありますが、大きく種類を分けると下記の通りです。 アプリが勝手に自分のタイムラインに投稿する アプリが勝手に自分の友人にメッセを送る アプリに登録すると強制的に特定のページにいいね！を押したことになる アプリ経由でメアドを抜かれる しかし、Facebook様も色々と仕様を変えたり規約を変えたりしながら一つずつ潰していったので現状はこれらはそう簡単には出来なくなっています。 アプリが勝手に自分のタイムラインに投稿する →アプリの審査が必要 アプリが勝手に自分の友人にメッセを送る →アプリの審査が必要 アプリに登録すると強制的に特定のページにいいね！を押したこと
Facebookのコメントボックスを設置してみる at softelメモ
問題 これ（facebookのコメント欄）設置して！ 答え facebookのコメントボックスは、まずこちらから。 Comments Box – Facebook開発者 こんなタグが生成されて、 これだけのことで、 この辺をうまく変えれば、WordPressのコメント欄の代わりにしたりできそうだぞ と。 以下のように、このページに書けば <!-- scriptタグは上か下の方に仕込んでおいて --> <div class="fb-comments" data-href="https://www.softel.co.jp/blogs/tech/archives/4190" data-width="640" data-num-posts="10"></div> あら、できてしまった。
プレゼント宅配サービス「ギフトナウ」を使ってみた - (DxD)∞
以前から一度は使ってみたいと思いつつ、使うことのなかったプレゼント宅配サービス「ギフトナウ」。今回、Twitterの知り合いへプレゼントを贈る機会があったので、実際に利用してみた使用感をレポートしてみます。 ギフトナウとは ギフトナウは、ネットで買った商品や手作りのプレゼントをラッピング、メッセージカードを添えたプレゼントして宅配してくれるサービスです。 住所を知らない人にプレゼントを贈ることができます！ ツイッター・mixi・Facebookの知り合いにプレゼントを贈ることができます！ ネットで買った商品を素敵なプレゼントとして贈ることができます！ 手作りのプレゼントも贈ることができます！ 商品、ラッピングの状態をいつでも写真で確認することができます！ おしゃれにラッピングすることができます！ メッセージカードには動画や写真もつけられます プレゼントを贈った人からお礼のメッセージが届くか
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
MacのChromeでFacebookの特定のリストにアクセスしたらクラッシュする問題 - duck75のはてなブログ
Facebook Brand Resource Center - Assets Guidelines and Downloads