レスポンシブウェブデザインの定義

何年も前、テクノロジーがそれであったとき、それが行った視覚的なこと（画像、 ゲーム、アプリケーションインターフェイス、...）から約14インチの画面で見栄えがしました。 モニター から コンピューター. しかし 進化 それは止められないものであり、現在、多数のデバイスとフォーマットがあります。

これは、ユーザーインターフェイスやその他のコンテンツが異なるものを処理する必要がなくなったことを意味します 使用方法が異なるデバイスではない場合の画像サイズ、およびアスペクト比が異なる 特に。

90年代に登場し、それ以来不可欠になったWebは、プラットフォームシナリオでもこれらの変化を遂げました。 を使用することができ、Web標準を管理するエンティティは、インターフェイス開発者の生活を楽にするために独創的なソリューションを選択する必要がありました。 ウェブ。

レスポンシブウェブページ（別名 レスポンシブ、元の英語の単語の採用）は、インターフェイスが自動的にサイズ変更され、 グラフィック要素は、任意の画面サイズとアスペクト比で見やすいように再配置されます。 外観。

について考えてみましょう 多様性 画面フォーマットは、垂直方向に読み取ることができる5インチの画面と18：9の比率のスマートフォンから、16：9 40インチのテレビまで、コンピューターやタブレットを間に置いたままにします。

インターフェイスを作成するための手順が実行されるまで グラフ Webページのうち、表示されていた画面に自動的に適応します。 「ソリューション」は、考えられるすべてのフォーマットを予測し、必要に応じてさまざまなページを提供することで構成されていました。 問題は、それらの予期しないフォーマットと、技術の進化が自然に提供したものでした。

画像が表示されていた画面形式に適応するレスポンシブデザインを実現するためのツール。 このフォーマットや画面サイズに関係なく、ウェブサイトはW3C（World Wide Web コンソーシアム）。

そして、この技術の導入は、ページのコンテンツを何であったかから分離したおかげで可能でした プレゼンテーション 上記の内容と ルックアンドフィール CSSスタイル定義ファイルを使用してページを作成します。

これらを使用すると、Webサイト全体（一連のページとして理解される）の外観を、に触れることなく変更できます。

コード スタイルとプレゼンテーションの定義が異なるため、すべてのHTMLファイルのソース（ ファイル コンテンツのCSS）（HTMLファイルにあります）。

レスポンシブデザインの要素は、21世紀の最初の10年間の終わり以来、W3CによってWeb標準で議論され、導入されてきました。

からです 打ち上げ 2006年に最初のiPhoneの、ウェブサイトを調整するために競争が解き放たれ、 デスクトップブラウザと大画面の両方、およびデバイスで完全に表示できます 携帯電話。

Fotoliaの写真：Alexey Shkitenkov / Bobb Klissourski

レスポンシブウェブデザインのテーマ