3ステップでできる!CSSを使って動画をレスポンシブ化する方法 2013.04.18 2013.04.24 レスポンシブWebデザイン 以前「YouTube動画の表示サイズをレスポンシブにする方法。」でJavaScriptを使ってYouTubeなどの動画をレスポンシブに対応させる方法をご紹介しました。 今回はiframeで出力された動画をCSSを使って簡単にレスポンシブ化する方法をご紹介します。
![3ステップでできる!CSSを使って動画をレスポンシブ化する方法 - ECサイト構築運営に役立つ情報発信|モバイルファーストマーケティングラボ](https://cdn-ak-scissors.b.st-hatena.com/image/square/7360c275e836729e944c7b15847963fbc428ef71/height=288;version=1;width=512/https%3A%2F%2Fwww.aiship.jp%2Fknowhow%2Fwp-content%2Fuploads%2F2013%2F04%2FC777_kotatudeMBAtookashi.jpg)
3ステップでできる!CSSを使って動画をレスポンシブ化する方法 2013.04.18 2013.04.24 レスポンシブWebデザイン 以前「YouTube動画の表示サイズをレスポンシブにする方法。」でJavaScriptを使ってYouTubeなどの動画をレスポンシブに対応させる方法をご紹介しました。 今回はiframeで出力された動画をCSSを使って簡単にレスポンシブ化する方法をご紹介します。
レスポンシブなサイト構築ワークフロー 全デバイスにワンソースで対応したレスポンシブWEBデザイン。2014年に入り導入や構築のお問合せをいただく機会が増えました。その中でいくつか構築案件を担当させて頂き、どのような工程でレスポンシブWEBデザインを作っていけばいいのか、そのポイントをワークフローとしてまとめてみました。 クライアントと握るべきポイント モバイルファーストで考える 通常のディレクションとの違い 具体的な作業の進め方 クライアントと握るべきポイント まずはじめにクライアントとレスポンシブWEBデザインで構築に入る前に、どこに注意をして取り決めをしていくべきか、を決めなければなりません。通常のサイト構築と異なり全デバイスに対応しているレスポンシブWEBデザインだからこそ、様々な制約の中で構築をする必要があります。 どのデバイスに対応させるのか? まずはどのデバイスに対応させるのか
InternetExplorerは昔かサイト制作者を悩ませ続けてきました。せっかくレスポンシブサイトを作ろうとしても、レスポンシブサイトというとセットでついてくるメディアクエリ、これにはIE8以下の下位バージョンが対応しておらず、表示は見事に崩れます。 未だ切り捨てられないIEへの対応 モバイルファーストかつレスポンシブということを思えばIE、しかも下位バージョンなら切り捨ててもいいのではないかと思いますが、様々な事情から切り捨てられないシーンもあるでしょう。以前に比べれば低くなったとは言え、特に日本ではIE8のブラウザシェアはまだまだ残っています。 そういった時のために、比較的手軽にIE向けの対応を行える方法があります。 1.「css3-mediaqueries.js」を読み込む こちらはGoogleが推奨している比較的有名なスクリプトです。html5.jsやIE9.jsなどと併用しても
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く