web-dev-qa-db-ja.com

Fluid VS Responsive Website Development Questions

これらは私が理解しているように、異なる/特定のデバイスとその解像度をターゲットとするさまざまなレイアウトを生成するには時間がかかるため、ブラウザーサイズに基づいてさまざまなデバイスをターゲットにするための基礎を形成します。


質問:


  • まず、専門用語に正解ですが、2つの間に実際の違いはありますか、それとも同じ意味ですか
  • 現在の開発を主にhtml5/css3ベースの開発に分類しても安全ですか?
  • これを簡単に実装するために利用できる一般的なフレームワークは何ですか?
  • この点で使用されているテスト方法は何ですか?
  • さまざまなブラウザーの種類に関して、最も一般的な互換性の問題は何ですか?
  • 私はこのような方法があることを理解しています http://css-tricks.com/resolution-specific-stylesheets/これは下に来るのですか?
  • この点で採用されているブラウザーに固有のAPI呼び出し以外に、外部ブラウザー検出メソッドはありますか?

興味のあるポイント[これらの質問をする前の事前調査]

  1. 「レスポンシブ」なWebデザインを検討すべきではないのはなぜですか?
  2. レスポンシブWebデザインのヒント、ベストプラクティス、動的画像スケーリングテクニック

  3. チュートリアルの最近のリスト 2012年5月14日、Eric Shaferによる30レスポンシブWebデザインおよび開発チュートリアル


更新

私は、レスポンシブWebデザインを促進するためにさまざまなレイアウトのコンテンツをデザインする基本的なポイントは、最も関連性の高い情報を提示することであることを読んでいました。明らかに、最小の画面幅と最大の画面幅の間で、デザイン要素を見逃しています。

私はここから収集します http://flashsolver.com/2012/03/24/5-top-commercial-sensitive-web-designs/ ラインデザインレイアウト(幅)の上部は

  • デスクトップレイアウト(980px)
  • タブレットのレイアウト(768px)
  • スマートフォンのレイアウト–横(480px)
  • スマートフォンのレイアウト–縦(320px)

また、人気のあるレスポンシブWebサイトテストサイト http://resizemybrowser.com/ にもさまざまな画面解像度がリストされています。

私はまた、説明に最適な最高のレイアウトサイズを見つけようとしているときにこれに遭遇しました https://stackoverflow.com/questions/10538599/default-web-page-width-1024px-or-980px これは、1366x768が人気のあるWeb解像度であることを明らかに思わせます。

  • これに対応するには、幅980px以降から最大サイズまでの適切なスケーリングを考慮するだけで十分だと想定しても安全ですか?新しいサイズの新しい情報は提示していません。
  • トップサイズ以上を利用するための追加情報(レスポンシブWebデザインの目的と矛盾します)があることは理にかなっていますか?
6
Aditya P

まず、専門用語に正解ですが、2つの間に実際の違いはありますか、それとも同じ意味ですか?

その歴史的文脈における流動性は、それが修正されなかったことを意味しました。レスポンシブの前駆体。 Fluidは、smallerer/tablet/smartphone screensに適応するという意味ではありません。

応答性の高い手段、それはデバイス/画面サイズに適応します。

現在の開発を主にhtml5/css3ベースの開発に分類しても安全ですか?

この機能は、CSS3の機能だと思うメディアクエリに基づいているため、CSS3が前提条件です。

これを簡単に実装するために利用できる人気のあるフレームワークは何ですか?

ブートストラップ は1つです。

さまざまなブラウザーの種類に関して、最も一般的な互換性の問題は何ですか?

ボリュームは非互換性について書かれる可能性があります。ただし、違いがあることに注意してください。適切なリセットが開発および改善されました。それらに目を離さず、できる限りテストしてみてください。新しい機能は、ブラウザーごとにさまざまなレベルのコンプライアンスを備えているため、そのことに注意してください。

私はこのような方法があることを理解しています http://css-tricks.com/resolution-specific-stylesheets/ これはどちらに該当しますか?.

これはメディアクエリの例です。レスポンシブデザインを機能させる機能。

この点で採用されているブラウザーに固有のAPI呼び出し以外の外部ブラウザー検出メソッドはありますか?

確かではありませんが、ブラウザには通常、HTTPリクエストの一部である識別子があります。 HTTPリクエストを簡単に作成し、Chromeからのものであると主張できるため、厳密に「信頼できる」とは言えませんが、実際には機能します。

これに対応するには、幅980px以降から最大サイズまでの適切なスケーリングを考慮するだけで十分だと想定しても安全ですか?新しいサイズの新しい情報は提示していません。

業界のトレンドが980pxでロックするという理由だけで、より大きな画面用に設計できないというわけではありません。ユースケースでよりリッチなコンテンツをより大きな画面に表示するように指示されている場合は、おそらくそれをいじくり回すことができます。しかし、一般的には、980は、コンテンポラリーデザイナーがデスクトップトップを検討する最大のものであり、新しいコンテンツがないことを考慮しています。 (ただし、この仮定は明確なものではありません。理にかなっている場合は、破棄することもできます)

トップサイズ以上を利用するための追加情報(レスポンシブWebデザインの目的と矛盾します)があることは理にかなっていますか?

実際、この議論はまだ進行中ですが、個人的には、レスポンシブデザインはコンテンツを異なる形で提示する機会、さらには異なるコンテンツを提示する機会があるということを個人的に考える。したがって、スマートフォンに最適なものがデスクトップに十分ではありません。結局、それはあなたの要件に基づいたあなたの個人的な判断になります。

5
Nasir