- 2013.04.18
3ステップでできる!CSSを使って動画をレスポンシブ化する方法
以前「YouTube動画の表示サイズをレスポンシブにする方法。」でJavaScriptを使ってYouTubeなどの動画をレスポンシブに対応させる方法をご紹介しました。 今回はiframeで出力された動画をCSSを使って簡単にレスポンシブ化する方法をご紹介します。
以前「YouTube動画の表示サイズをレスポンシブにする方法。」でJavaScriptを使ってYouTubeなどの動画をレスポンシブに対応させる方法をご紹介しました。 今回はiframeで出力された動画をCSSを使って簡単にレスポンシブ化する方法をご紹介します。
前回、弊社のシステム「aiship(アイシップ)」を大きくバージョンアップした「aishipR(アイシップアール)」の開発について書かせていただきました(「aishipRを開発したポイントについて書いてみる(その1)」)。 今回はより具体的な新しい機能についていくつかご紹介させていただきます。
モバイルファーストマーケティングラボでは、aiship(http://www.aiship.jp/)ご利用クライアント様全体の、前月までのデバイス別アクセス比率、デバイス別購入回数比率、OS別比率を毎月レポートしております。
みなさんこんにちは、aishipの上林です。 以前よりスマートフォン関連のニュースのキュレーション(まとめ)してまいりましたが、今回よりスマートフォンに限らずスマートデバイス(タブレットやレスポンシブの話題など)についてもご紹介できればと思います。 さて、タブレット端末の3月期の販売台数が前年同期比96.8%増となった反面、PCの販売台数は1月以降2桁のマイナスとなり大きな局面を迎えています。
O2O(オンラインtoオフライン)という言葉の意味が大きく広がり、オンオフ問わずにネットと実店舗との連動が大きな意味を持ってくるようになってきました。 以前の記事「今見ておきたい!スマートフォン×O2Oの海外事例4つ」で太陽光を利用したタイムセールをご紹介した韓国のショッピングスーパー、E-Martでスマートフォンと店舗が連動した新たな試みが行われていたのでご紹介します。
いつもご覧いただき、ありがとうございます。 本日、モバイルファーストマーケティングラボのデザインをリニューアルし、レスポンシブ対応いたしました。スマートフォン・タブレットにも最適な表示となりましたので、ぜひ上のQRコードを読み取っていただきご覧ください。
InternetExplorerは昔かサイト制作者を悩ませ続けてきました。せっかくレスポンシブサイトを作ろうとしても、レスポンシブサイトというとセットでついてくるメディアクエリ、これにはIE8以下の下位バージョンが対応しておらず、表示は見事に崩れます。
レスポンシブウェブデザインCMS「aishipR」とは、スマートフォン専用ECサイトを作成することで、従来型携帯(フィーチャーフォン)はもちろん、タブレットにもPCにも最適化表示が可能であることが大きな特徴です。
Webサイト制作時はFirefoxを利用することが多いですが、ブラウザの機能に制作時にとても役立つ「開発者ツール」というものが用意されています。ちなみに私が制作時によく使っているのがFirebugというアドオンです。
昨今、アパレル業界で注目されている≪ファストファッション≫。今回はその中でも若い女性を中心に絶大な人気を誇る「FOREVER21」のスマートフォンサイトが最近オープンしたとのことなので買い物をしてみました。
今回は駿河屋さんのスマホサイトを拝見しました。商品点数が非常に多かったのですが、検索の方法が工夫されておりスマートフォンでもストレスなく買い物をすることができました。
現状のECサイトをレスポンシブ化する際のポイントをご案内します。今回サンプルとするECサイトの条件や目指す状態は以下と仮定します。