新しいレッスンがあります
旧版のレッスンは更新を終了しており、現状と異なる場合があります。サポートも終了しておりますので、最新版への移行をお願いします。
-
#01 レスポンシブウェブデザインを学ぼう (02:54) 無料公開中
- 概要の説明
- index.htmlの作成
- styles.cssの作成
-
#02 viewportの設定をしよう (02:33) 無料公開中
- デベロッパーツールの起動
- viewportの設定
-
#03 メディアクエリーを使ってみよう (01:39)
- メディアクエリー
- 動作確認
-
#04 実践的な設定方法を学ぼう (02:21)
- 完成版の確認
- 条件の設定
-
#05 モバイルファーストで開発しよう (02:02)
- メディアクエリーの設定
- モバイルファースト
-
#06 モバイルサイトのスタイルを作ろう (01:52)
- モバイルサイト向けのスタイル
- 動作確認
-
#07 要素を横並びにしよう (02:14)
- flexboxの設定
- 動作確認
-
#08 要素の表示/非表示を切り替えよう (02:38)
- 中央揃えの設定
- 要素の表示/非表示の切り替え
リリース情報（note）
詳細情報
- 最終更新日
- 2019年12月5日
- バージョン情報
- Chrome 78.0 / Visual Studio Code 1.38.0
