スマートフォン、タブレット、デスクトップのためにレイアウトの幅をどのように設計すればよいか

iPhoneやAndroidなどのスマートフォン、「新しいiPad」などのタブレット、そしてデスクトップなど、さまざまなデバイスの幅に対応させるResponsive Web Designのために、どのようにレイアウトの幅を設計し、いくつレイアウトを用意するのか3つの方法を紹介します。 各デバイスの幅は、2012年3月のデータです。 A Simple Device Diagram for Responsive Design Planning [ad#ad-2] 下記は各ポイントを意訳したものです。 キャプチャに使用している画像は元記事よりPSDファイルでダウンロードできます。 各デバイスのサイズ レイアウトを3つ レイアウトを4つ レイアウトを6つ 各デバイスのサイズ まずは、2012年3月現在の各デバイスの幅です。 ※クリックで拡大 ポイント 上段：ポートレイト（縦置き）、下段：ランドスケ

[nakagawax]

★レイアウト幅をどのように設定するのか？また設定する種類はいくつにするのか？考察された記事。

[tyr777]

スマートフォン、タブレット、デスクトップのレイアウト幅のパターン化。2012年3月データ。

[kanariia]

さまざまなデバイスの幅に対応させるResponsive Web Designのために、どのようにレイアウトの幅を設計し、いくつレイアウトを用意するのか3つの方法を紹介

[hidehish]

見てる:

[kkeisuke]

レスポンシブデザイン

[sutanto1983]

設計　デバイス　モニター　サイズ別　px　考え方

[creaism]

スマートフォン、タブレット、デスクトップのためにレイアウトの幅をどのように設計すればよいか | コリス

[don2don]

こういうのはありがたいデータだけど、つくづく不毛だなぁと溜息

[glat_design]

最高6パターンのレスポンシブデザインのサイズ。ここまではしないと思うけど参考に

[warriorking]

スマートフォン、タブレット、デスクトップのためにレイアウトの幅をどのように設計すればよいか | コリス

[albicetus]

レスポンシブデザインの参考に。

[nebos]

ウェブサイト提案時など。コンテンツサイズ検討の材料に

[dokodajp]

スマートフォン、タブレット、デスクトップのためにレイアウトの幅をどのように設計すればよいか | コリス

[ko-ya-ma]

レイアウトをいくつか用意する場合のパターン紹介

[cauchym]

あとで読む

[TYK]

画面サイズ

[brembow]

/"スマートフォン、タブレット、デスクトップのためにレイアウトの幅をどのように設計すればよいか | コリス はてなブックマーク - 人気エントリー"

[hayamayu]

なるほろ

[nors]

http://www.metaltoad.com/blog/simple-device-diagram-responsive-design-planning

[mickn]

幅を4種類想定する、と: スマートフォン、タブレット、デスクトップのためにレイアウトの幅をどのように設計すればよいか

[seteoceano]

スマートフォン、タブレット、デスクトップのためにレイアウトの幅をどのように設計すればよいか

[kussun]

想定幅を決めるときに参考にしたい。

[Donca]

✔ スマートフォン、タブレット、デスクトップのためにレイアウトの幅をどのように設計すればよいか