レスポンシブ Web デザイン_html/css_WEB-ITnose

レスポンシブ ウェブ デザインの中国語名は 2010 年 5 月に提案されました。英語のレスポンシブ ウェブ デザインは、Web サイトが複数の端末に対応できることを説明しています
目的は、異なる端末に対応する柔軟性など、モバイル インターネットの閲覧上の利点を解決することです。設計と開発は、ユーザーの行動やデバイス環境 (システム プラットフォーム、画面サイズ、画面の向きなど) に基づいて対応し、調整する必要があります。具体的な練習方法は、伸縮性のあるグリッドとレイアウト、画像、CSS メディアクエリの使用など、多くの側面から構成されます。ユーザーがラップトップを使用しているか iPad を使用しているかに関係なく、ページは解像度、画像サイズ、および関連するスクリプト機能を自動的に切り替えて、さまざまなデバイスに適応できる必要があります。つまり、ページはユーザーのデバイスに自動的に応答する機能を備えている必要があります。環境。レスポンシブWebデザインとは、Webサイトを端末ごとにバージョンを作るのではなく、複数の端末に対応させることです。こうすることで、次々と登場する新しいデバイスのために特別なバージョンの設計や開発を行う必要がなくなります。

UIKit

UIKit は、強力な Web フロントエンド インターフェイスを迅速に構築できる軽量のモジュール式フロントエンド フレームワークです。さまざまな画面解像度やインターネット アクセス デバイスに自動的に応答して、一貫したエクスペリエンスを提供します。

Bootstrap

2 人の Twitter 従業員によって開発され、オープンソース化されたフロントエンド フレームワークは、Github で非常に人気があり、中国で多くのファンがいます。試してみる価値があります。

Adobe Edge Inspect

モバイル開発者にとって特に便利なツール (旧名 Adob​​e Shadow) は、デザイナーと開発者が複数のモバイルデバイスでアプリケーションのデザインを同時にプレビューし、クロスプラットフォームの問題を発見して解決するのに役立ちます。

レスポンシブ Web デザイン スケッチ シート

まだペンと紙を使用してモックアップを作成している場合は、これらの既存のスケッチを使用してインタラクティブ Web サイトをデザインできます。

Foundation

は、世界で最も先進的なレスポンシブ フロントエンド フレームワークであると言われています。

SimpleGrid

携帯電話やタブレットに適した Web サイトを迅速に作成できる軽量のレスポンシブ CSS グリッド システム。

レスポンシブ テスト

このツールを使用すると、Web サイトにアクセスし、Web サイトのアドレスを入力するだけで、デザインした Web ページの効果をプレビューできます。