[B! RWD][tech] tomk79のブックマーク

★はじめに | Search | Google Developers

フィードバックを送信コレクションでコンテンツを整理必要に応じて、コンテンツの保存と分類を行います。モバイルサイトとモバイルファーストインデックスに関するおすすめの方法 Google のインデックス登録とランキングでは、スマートフォンエージェントでクロールしたモバイル版のサイトコンテンツを優先的に使用します。これをモバイルファーストインデックスと呼びます。モバイル版のページを用意することは、コンテンツを Google の検索結果に表示させるための要件ではありませんが、非常に強く推奨されています。このページで説明するおすすめの方法は、モバイルサイト全般にあてはまり、当然のことながら、モバイルファーストインデックスにもあてはまります。ユーザーに最適なエクスペリエンスを提供できるよう、このガイドで紹介されているおすすめの方法を実践してください。モバイルフレンドリーなサイトを

tomk79 2013/09/19

リンク

wivern.com | 埋め込み動画のサイズをレスポンシブにする方法

サイバーセキュリティ＆人工知能研究所サイバーセキュリティや人工知能(機械学習等)を中心に、最新技術を研究しています。埋め込み動画のサイズをレスポンシブにする方法 YouTube の埋め込み動画のサイズをレスポンシブにする方法 2013/08/02 : Tech Reports はじめにサイトで Youtube の動画を紹介する場合に、iframe タグで囲まれた「埋め込みコード」を貼りつけますが、固定サイズのため、画面サイズがレスポンシブに変わってくれません。せっかく、Twitter Bootstrap 等でレスポンシブに対応しても、動画のサイズが固定なままでは、はみ出したりして見た目が台無しです。そこでいろいろと調べたり試行錯誤した結果、比較的簡単に実装できる方法を見つけたので公開します。方法は下記のように、CSS で定義した YoutubeWrapper クラスを指定した d