設計に適したWebページの解像度は何ですか？
解像度を考慮して設計しないでください。それは2011年であり、私たちの芸術の状態はその時点を超えて成熟しています。 Ethan Marcotteの Responsive Web Design の記事を確認してから、購入 彼の本 （十分価値があるお金-私が今年推薦する数少ないテクノロジーブックの1つ）。
クライアントのディスプレイのサイズに合わせて拡大または縮小でき、使用可能なスペースに合わせて再配置できるモジュール式のスケーラブルな要素に基づいて設計します。これが実際にどのように機能するかを理解するには、デスクトップで http://hicksdesign.co.uk/ および http://simplebits.com/ にアクセスしてください。ブラウザ。ブラウザーをフルスクリーンからiPhoneサイズにサイズ変更して、ページがどのように反応して使用可能なスペースを最適化するかを確認してください。
"1つのWebサイト、多くのデバイス"
960グリッドシステム（http://960.gs）はプロトタイピングデザインで人気があり、さまざまなフレームワークとスターターキットに含まれています。また、少なくとも1つの流動バージョン（ http://www.designinfluences.com/fluid960gs/ ）を含む、スピンオフとバリエーションの束もあります。
レスポンシブデザインバージョンは978グリッドシステム（ http://978.gs/ ）にあり、最大1378（大型デスクトップモニター）および300（モバイル）までのグリッドが含まれています。電話）。このサイトには、グリッドがどのブラウザー/ OS /画面サイズの組み合わせで最適に機能するかに関する具体的な情報と推奨事項が含まれています（ http://978.gs/browsers/ ）。
タブレットは、中小規模のデスクトップモニターと同様の解像度を備えているため、タブレットを考えられる使用状況として検討することもお勧めします。 960/978 gs設計制約は、これらの画面でうまく機能する傾向があります。
基本的に、典型的な1024 * 768の画面サイズを設計する場合、960 gsは十分にテストされ、非常に人気があります。より洗練されたレスポンシブフレームワークを探している場合は、978 gsをチェックしてください。
上記の点で1024より大きい解像度を設計する意味はないと思います。 960グリッドはうまく機能します。個人的には、スケールアップの瞬間も来ると思っていました。たとえば、ほとんどのクライアントの標準解像度として1280pxに移行するとします。事実は、解像度がそれほど高くなっていないのは、ポケットデバイスの洪水のためです。
レスポンシブデザインについても読みましたが、それが将来のようです。残念ながら、そのようなコーディング手法を使用しているサイトはまだあまりありませんが、将来的にはより良くなると思います。 Webサイトの開発者である私たちにとって唯一の不幸なことは、要素を渡す方法や、どのデバイスがそれらを正しく表示するかなどを検討することに多くの時間が費やされることです。
それでも、「レスポンシブデザイン」への移行は素晴らしいと思います。