![http://www.tsurezure.org/2013/10/sp-docomonejpgmail.html](https://cdn-ak-scissors.b.st-hatena.com/image/square/650eac3329f429215d7e8d5b53a7f222276320f3/height=288;version=1;width=512/http%3A%2F%2F2.bp.blogspot.com%2F-QI8gKAHOBEY%2FUlWYPicP04I%2FAAAAAAAAFMU%2F6T1PHSdJ_5w%2Fw1200-h630-p-k-no-nu%2Fgmail-hires-gmail1.png)
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月現在の各デバイスの幅です。 ※クリックで拡大 ポイント 上段:ポートレイト(縦置き)、下段:ランドスケ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く