レスポンシブWebデザインのワークフロー、デザイニングインブラウザとは
2014.06.30 月 コンテンツマーケティングを推進していく上で、日々増え続けるデバイス対応の処方箋として注目されるレスポンシブWebデザイン。今回はそのワークフローについて菊池崇氏に聞きます。 前回の記事では、レスポンシブWebデザインが注目される背景をご紹介しました。デバイスの多様化によって膨れ上がった開発コストを抑えるために、それぞれに個別のHTMLを作るのではなく、レスポンシブWebデザインによって、単一のHTMLに統一する必要性が高まったのです。 2回目となる今回は、レスポンシブWebデザインの取り組みにおける特徴の一つとなる、ワークフローについてご紹介します。 Webデザインのワークフローにおける、もっとも重要な工程として挙げられるのがデザインの確認です。この工程では、プロジェクトメンバー以外の人間にWebサイトのデザインを確認してもらうことが重要な目的であることが多いかと
「端末ごと別々のECサイトを運営」は破綻する マルチスクリーン化、3つのポイント
ECzine Day（イーシージン・デイ）とは、ECzineが主催するカンファレンス型のイベントです。変化の激しいEC業界、この日にリアルな場にお越しいただくことで、トレンドやトピックスを効率的に短時間で網羅する機会としていただければ幸いです。
レスポンシブ化という新たな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などと併用しても
コレを抑えておけばOK！スマホサイト制作に役立つ記事・サイトまとめ！ | PLUS
一般企業サイトでもスマートフォンに対応するサイトが増えてきました。ちょっと前までは提案しても、もうちょっと先でいいよという話に落ち着いていたんですが、ようやく身近なクライアントも導入をはじめています。そこで今回は実際にスマホサイトを作る立場から、役に立ちそうな記事やサイトをまとめてみました。 スマホサイトのギャラリー 絶対見ておきたい有名企業のスマホサイトまとめ 優れたiPhoneサイトデザイン集 – iPhoneデザインボックス スマートフォンサイト デザイン集 AGT thinkthing スマホ制作に役立つ情報 【スマートフォンサイト制作の総まとめ 第1弾】スマホサイトデザインの基礎知識 少しのコードで実装可能な15のスマートフォンサイト用小技集 200サイトのiPhoneデザインを見て感じたスマートフォンの最適化 Webサイトのスマートフォン対応 7つの基本ルール スマー
必読！5分でわかるレスポンシブWebデザインまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
二度目まして。デザイナーの野田です。 レスポンシブWebデザインについて、僕なりにまとめてみたのでご覧下さい。今回は、制作に関することではなく、最低限知っておかなければならないことの基本編になります。 独学でつまずいていませんか？ Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。どんなスクールがあって、どんな内容が学べて、費用はどれくらいするのか、情報として持っておいて損はないはず。下記におすすめスクールを集めてみました！ レスポンシブWebデザインとは 「レスポンシブWebデザイン」とは、PC、タブレット、スマートフォンなど、複数の異なる画面サイズをWebサイト表示の判断基準にし、ページのレイアウト・デザインを柔軟に調整することを指します。 現在はPCやスマートフォンなど、デバイス毎に各HTMLファイル
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
レスポンシブWebデザインの実践ワークフロー(WDS)
レスポンシブWebデザインのサイトを作る前に
WASEDA Business School
Am I Responsive?