私はZurbFoundationの大ファンです。彼らは、最初にモバイルになるように再設計されたZurbFoundation4をリリースしたばかりです。私は、モバイル、タブレット、および従来のデスクトップエクスペリエンスの両方を考慮したレスポンシブデザインにかなり慣れていません。私は、これらのさまざまなデバイス用にサイトのコンテンツを管理するための最善の方法に頭を悩ませようとしています。Zurb Foundation 4を使用すると、デバイスの小、中、大のサイズに基づいてコンテンツを表示または非表示にすることができます。したがって、Zurbのアプローチでは、すべてのコンテンツをデバイスにドロップし、CSSにデバイスに応じて表示するコンテンツを決定させるようです（これはレスポンシブデザインです）。
私の質問は、なぜすべてのコンテンツをデバイスにドロップする必要があるのかということです。これは、サーバーでの処理の無駄、帯域幅の無駄、ブラウザがコンテンツを処理する際のエクスペリエンスの低下のように思われます。コンテンツの一部は、使用しているデバイスが原因でユーザーに表示されない場合があります。私は何かが足りないのですか？サーバーに戻って、デバイスの種類に適したコンテンツをクライアントに送信させる方がよいのではないでしょうか。モバイルユーザーのデータプランを気にせず、デバイスの種類に適さないコンテンツを送信しないようにする必要がありますか？レスポンシブデザインで見たすべての例には、デスクトップとモバイル/タブレットのコンテンツがクライアントにダウンロードされていますが、これは無駄のようです。
デバイスの種類に応じてユーザーエクスペリエンスが異なるタイムエントリアプリケーションを開発しています。デスクトップ（フルスクリーンの場合）はより詳細なデータ入力エクスペリエンスを提供しますが、モバイル/タブレットはデバイスのスペースが小さいために異なるエクスペリエンスを提供します。私はアプリを開発しているので、デスクトップブラウザのサイズが768ピクセル幅よりも小さい場合、jQueryはサーバーを呼び出して、UIを「小さい」モバイル/タブレットバージョンに交換します。これは適切ですか？私は確かにアプリの2つのバージョンをダウンロードして、デバイスの幅に応じてどちらか一方を非表示にしたくありません。
私はjQueryアプローチで正しい方向に進んでいますか？レスポンシブデザインに関する何かが欠けていて、コンテンツをデバイスに合わせて調整する必要がありますか？任意のアイデア、提案、およびガイダンスをいただければ幸いです。ありがとう。