
現代のデザイナーやレイアウトデザイナーは遅かれ早かれ「このプロジェクトでレスポンシブWebデザインの原則を使用しないのはなぜだろう」と思うと思います。 携帯電話、電子レンジ、スリッパからウェブを閲覧できるレスポンシブデザインについて聞いたことがない人を見つけるのはおそらく難しいでしょう。 そのようなプロジェクトで作業を開始し、レイアウトとその個々の要素の可能な動作の例を手元に置いておくといいでしょう。
メディアエージェンシーR / GAのBrad Frostという名前の男が、愛する人たちのために
、記事やコレクションのレスポンシブWebデザインのコレクションを親切に収集、設計、投稿しました。 さまざまなアプローチの数と多様性は、本当に驚くべきものです。
- 一般的なレイアウト動作の例-ストレッチ、ブロックの再構築、不要な要素の消失など。
- テーブル-不要な情報を非表示にし、小さな画面サイズのダイアグラム形式でテーブルを表示するなど。
- モバイルデバイスでナビゲーションを表示する非常に便利な例。
- さまざまな種類の印刷ネット。
- 画像、動画、その他のメディアコンテンツの動作。
- フォームの表示。
- メリーゴーランド、通知、その他の必要なjs(まだ初期段階);
また、リソースにはレスポンシブデザインに関するほとんどすべての記事が含まれています。 それを使用し、リクエストのプールを行うことを忘れないでください、そしてもちろん、ルールを破って実験してください!