レスポンシブウェブデザイン


世の中には、デバイス、画面解像度、サイズが適切ではウェブサイトがあります。複数のデバイスや解像度に対応するために、複数のコードベースを管理するのは非効率的です。レスポンシブウェブデザインは、ウェブサイトやアプリケーションがデバイスの画面サイズに応じて情報を拡張・適応させることができます。レスポンシブデザインは、最新のHTML5、CSS、JavaScriptフレームワークをベースに構築されており、ブラウザの解像度を決定するmetaタグや、特定のデバイス向けにデザインに基づいて要素を変更するCSSスクリプトなどの機能を備えています。レスポンシブウェブデザインでは、デザインを流動的にするために、寸法をパーセント単位で指定します。