• ログイン
  • 新規登録
  • コース一覧
  • 有料プラン

Web制作入門

レスポンシブデザインを適用しよう プラス

レスポンシブデザインは、現代のWeb制作においては必須の技術です。「ランディングページを作成しよう」で作ったWebページにレスポンシブデザインを適用しながら、あらゆる画面サイズで最適な見た目を作る方法を学びましょう。

  • レスポンシブデザイン
  • メディアクエリ
  • 13 演習
0 / 13 演習完了
レッスンを始める

学べること一覧

  • ビューポートの概念を理解しよう
  • メディアクエリを設定しよう プラス
  • メディアクエリによるレイアウト プラス
  • box-sizing プラス
  • レスポンシブデザインの型を準備しよう プラス
  • タブレット向けのレイアウトを作ってみよう プラス
  • レイアウトの崩れを修正しよう プラス
  • スマートフォン向けのレイアウト(1) プラス
  • スマートフォン向けのレイアウト(2) プラス
  • フォントをレスポンシブ化しよう プラス
  • max-width プラス
  • ヘッダーメニューを切り替えよう プラス
  • モバイルファーストな実装を身につけよう