CSS
色、余白、文字、配置など、Webページの見た目を整える言語です。
AIでサービスをつくる、非エンジニアのための実践ガイド
用語ナビ
レスポンシブデザイン
Responsive web design
画面幅に合わせて、読みやすい並びへ組み替える設計です。
危険度: 通常Webの仕組み
今すぐ使う
10秒で意味をつかむ
まずは一言の意味だけつかめば十分です。
ひとことで言うと
端末や画面幅に応じて、内容の幅、列数、余白、操作方法を調整する設計利用者の目的、情報の順序、画面の流れ、操作、例外を実装前に組み立てることです。用語ページで詳しく見る です。
やさしく言い換えると
PCの画面を縮めるのではなく、スマホでも読みやすい順番へ並べ直します。
確かめる
使われ方をイメージする
実際の会話や作業でどう出てくるかを確かめます。
こんな場面で使います
PCでは二列のカードを、スマホでは一列へする。
知っておく理由
PCでは完成して見えても、スマホで文字や操作が画面外へ出る問題を防げます。
自分の言葉で説明できそうなら記録しましょう。
理解する
次に見るものを選ぶ
関連する内容へ一歩だけ進みます。全部を一度に覚える必要はありません。
次の行動
狭い画面で横スクロール、文字切れ、押しにくい操作がないか確認する。
別名・一緒に検索できる言葉
レスポンシブ・スマホ対応