建設的ではないとして閉会に投票する人々は、すべてを読んでください. 最後に具体的な質問。実際の例とアプローチを探しています。
環境
スマートフォンやタブレットなどの多数のデバイスが Web にアクセスするためにますます使用されるようになっているため、デバイスに高速でカスタマイズされたユーザー エクスペリエンスを提供するには、計画、設計 (レスポンシブ)、開発 (特にフロント エンド) が重要です。
いくつかの素晴らしいサイトが構築されています。mediaqueri.esをご覧ください (ブラウザのサイズを変更してください)
などのアプローチが見られます。
- 最初に大きな画面を表示し、次に小さなデバイスをターゲットにします。
- 最初にモバイル、次にメディア クエリを使用して、より大きな画面に向けてスパイスを効かせます。
- さまざまな手法によるデバイス検出 (サーバー側を含む)
- まったく異なるマークアップとコンテンツをデバイスに提供します。
質問
今日は外で何をしているの？なぜあなたのアプローチを選択したのですか? 最も重要なのは、これに取り組むための最も効率的なアプローチではない場合、それは何ですか?
私が探しているもの：
- それは純粋な CSS / JS / HTML アプローチなのか、それともサーバー側なのか、それともその組み合わせなのか - なぜですか?
- 各デバイスは必要なリソース (画像など) のみを取得するため、パフォーマンスが向上します。
- サイトのメンテナンスが簡単です。つまり、機能の追加/変更は大きな苦痛ではありません。
- いくつかのコード サンプルは常に役立ちます
- IE7以下のような古いクソブラウザは除外しましょう