2014-10-14 2014-11-21 2014-11-21 スマートフォンに対応したWebサイト制作:レスポンシブWebデザイン RWD スマートフォン&タブレットの歴史 iPhoneの登場 初期のスマートフォンは、1990年代に登場 iPhoneに最適化したWebページ制作の誕生 Androidの登場 2008年にAndroidを搭載したデバイスが登場 タブレットの登場 2010年、Apple社がiPadをリリース 多様なデバイスに対応するためのWebページ制作 iPhone、iPadはもちろんAndroidを搭載したスマートフォンやタブレットへも対応することが必要です 「レスポンシブWebデザイン」と呼ばれるテクニックを利用する レスポンシブWebデザイン 参考サイト ゼロから始めるレスポンシブWebデザイン入門 (ASCII.jp) 「可変グリッドレイアウト」機能の使い方 (Adobe Developer) Adobe HTML5 特設サイト Responsive Design with Mockups One Web 単一ページでマルチデバイスに対応するメリット 実例 日本国内の秀逸なレスポンシブWebデザインを集めたギャラリーサイト 25 Beautiful Responsive Web Design Examples Media Queries ツール Adobe Edge Reflow