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