WWW2012: レスポンシブ Web デザイン、Goulven Champenois 著

ただし、フランスではレスポンシブ デザインはまだ本格的に開発されていません。

この記事は、World Wide Web Conference に関連する記事グループの一部です。www2012私たちは4月16日から20日まで参加しました。詳細はこちら

モバイル市場は 3,200 万人、または 17,000 TB が移動中に相談を受けています

実際、サイトは公開することを好みますアプリケーション携帯電話、しかし、利用可能なモバイルプラットフォームの数が多いため、使用する必要があるプログラミング言語の数が多いため、これは解決策ではありません。

ルレスポンシブデザインCSS3 と HTML5、特にメディア クエリに大きく依存しています。一部のブラウザはまだメディア クエリを管理していません。これについては、応答.jsそれらをエミュレートするために。

メニューやフォームは重要なポイントですが、最適化されているはずのサイトでは軽視されがちです。

横スクロールは絶対に避けなければなりませんが、表示デバイスによっては画像のサイズも小さくなります。

モバイルで背景画像をロードしないようにするには、表示:なし。に適用する必要があります

レスポンシブデザインを作成するには、次のものが必要です。少なくとも 3 つのテストデバイス:

  • iPhone (Safari および Opera mini を搭載)
  • そしてアンドロイド(最近のものと古いもの)
  • タブレットおよび/または PC

コードを検証するために使用できるツールは、W3C MobileOk Checker です。

プレゼンテーション中に使用されたスライドをここでご覧ください。プレゼンテーションのさまざまなツールやソースも見つけることができます。そちら側。