ただし、フランスではレスポンシブ デザインはまだ本格的に開発されていません。
この記事は、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 です。
プレゼンテーション中に使用されたスライドをここでご覧ください。プレゼンテーションのさまざまなツールやソースも見つけることができます。そちら側。