レスポンシブWebデザインのワークフロー、デザイニングインブラウザとは
2014.06.30 月 コンテンツマーケティングを推進していく上で、日々増え続けるデバイス対応の処方箋として注目されるレスポンシブWebデザイン。今回はそのワークフローについて菊池崇氏に聞きます。 前回の記事では、レスポンシブWebデザインが注目される背景をご紹介しました。デバイスの多様化によって膨れ上がった開発コストを抑えるために、それぞれに個別のHTMLを作るのではなく、レスポンシブWebデザインによって、単一のHTMLに統一する必要性が高まったのです。 2回目となる今回は、レスポンシブWebデザインの取り組みにおける特徴の一つとなる、ワークフローについてご紹介します。 Webデザインのワークフローにおける、もっとも重要な工程として挙げられるのがデザインの確認です。この工程では、プロジェクトメンバー以外の人間にWebサイトのデザインを確認してもらうことが重要な目的であることが多いかと
レスポンシブ化という新たなECサイトのスマートフォン対応方法 - ECサイト構築運営に役立つ情報発信｜モバイルファーストマーケティングラボ
Googleが提供するデータによると、ショッピングをしようとしている人の71％がスマートフォンを起点に商品を探しているようです。 スマートフォンを起点にショッピング行動を始めた消費者はスマートフォン向けECサイトが充実していないことで、PCサイトへ“仕方なし”に引継ぎ利用する傾向も多く、この際に多くの消費者がECサイトから離脱します。ですからスマートフォンECサイトで完結できる十分なコンテンツがEC事業者には求められています。 今後、ますますECサイトのスマートフォン対応が重要となり、EC事業者も強化を加速していくことになると思いますが、ECサイトのスマートフォン対応には少し気を付ける必要があります。なぜなら、安易にこれまでのスマートフォン対応方法をとることがすでにリスクになっているからです。 これまでの対応方法「自動変換方法」と「スマートフォン専用サイト構築」の崩壊 ECサイトのスマート
レスポンシブWebデザインをIE8に対応させる方法 - ECサイト構築運営に役立つ情報発信｜モバイルファーストマーケティングラボ
InternetExplorerは昔かサイト制作者を悩ませ続けてきました。せっかくレスポンシブサイトを作ろうとしても、レスポンシブサイトというとセットでついてくるメディアクエリ、これにはIE8以下の下位バージョンが対応しておらず、表示は見事に崩れます。 未だ切り捨てられないIEへの対応 モバイルファーストかつレスポンシブということを思えばIE、しかも下位バージョンなら切り捨ててもいいのではないかと思いますが、様々な事情から切り捨てられないシーンもあるでしょう。以前に比べれば低くなったとは言え、特に日本ではIE8のブラウザシェアはまだまだ残っています。 そういった時のために、比較的手軽にIE向けの対応を行える方法があります。 1.「css3-mediaqueries.js」を読み込む こちらはGoogleが推奨している比較的有名なスクリプトです。html5.jsやIE9.jsなどと併用しても
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WASEDA Business School
