Android4.0とiframe
Android4.0とiframe iframe内でコンテンツを展開するとAndroid4.0でシビレルくらい様々なバグが発生します。 弊社松田の調べによると見つけただけでも以下のような不具合があるようです(Galaxy Nexus調べ)。シビレますね。 a要素に display:block を指定しても、必ずインラインになる position:fixed で配置した要素そのものがタップできない document.body.scrollTop が取得できない -webkit-tap-hightlight-color の指定が効かない ページ内のアンカーリンクが効かない ページの最下部に配置したa要素はタップはできるが、リンク遷移せず、イベントも発火しない z-indexで下に重なる要素が、pointer-events の指定が全く効かなくタップできてしまう js等で要素を位置移動しても、要
FacebookのLikeボタンを設置するJavascript - web探検隊
アクティビティを通知するLikeボタン(いいね！ボタン)の設置方法です。オフィシャルドキュメントはこちらです。 設置方法 iframe src="http://www.facebook.com/widgets/like.php?href=http://example.com" scrolling="no" frameborder="0" style="border:none; width:450px; height:80px">iframe> iframeのsrc内のhref=******を設置したいページのURLに変更する必要があります。Javascriptいちいち、ページごとにURLを変更するのは面倒なので、以下のJSを出力することで動的にLikeボタンを設置できます。 設置したデモはコチラです。とても、簡単にクライアント側で実装が可能ですね。
Facebookでよく使われるようになったインラインフレーム（iframe）の注意事項
これまでウェブサイトの制作であまり使ったことがなかったインラインフレーム（iframe）ですが、Facebookが登場してからiframeタブやソーシャルプラグインなどで利用するシーンが増えてきました。 ということで、インラインフレームについての注意事項をまとめてみました。 １．親フレームでインラインフレームのCSSは定義できない 「Facebookのコメントボックスを黒背景のブログで使えるようにする」でも書きましたが、親フレームで定義したCSSはインラインフレームに適用されません。 サンプル１ サンプルの枠上部にある「foo」という文字と枠内（インラインフレーム）の「bar」という文字に対し、親フレームで同じスタイルを与えていますが、インラインフレームには反映されていないことが分かります。 CSSを反映できるのはiframe要素までです。 ２．リンクターゲットに気をつけよう iframe
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
