見出し画像

『詳解CSS メディアクエリー編』をリリースしました!

先日のフレックスボックス編に続き、『詳解CSS メディアクエリー編』をリリースしました。以下、リニューアルのポイントをまとめていきますね。

リニューアルのポイント

今回のリニューアルでは、よりわかりやすい内容にするため、旧版レッスンから以下のような点を変更しています。

  • メディアクエリーはたくさんのパターンに触れながら慣れていくことが重要なので、旧版より多くのレイアウトを取り上げながら解説しています。

  • メディアクエリーはフレックスボックスと組み合わせて使うことが多いため、動画下の補足情報にて関連レッスンへのリンクを掲載し、わからないところはすぐに復習できるようにしてあります。適宜ご活用ください。

  • これまでユーザーの方よりいただいたご質問をすべて見返し、間違えやすいポイントについては特に重点的に説明しています。

Chromeの開発者ツールを使ってビューポートの幅を確認する方法も学んでいきます。

すでに受講済の方は?

旧版をすでに受講済の方は、今回のリニューアル版を受講することで、メディアクエリーに対する理解をさらに深めることができるでしょう。

また、ご自身で「このトピックは十分に理解している」というポイントは目次を確認するだけにしたり、動画をさっと流すだけにしたり…といった工夫をすることで、効率的に学習を進めることもできるはずです。ご自身の習熟度にあわせて自由に活用してみてください。

腕試しをしたい方は…?

詳解CSSの他レッスン同様、このレッスンも弊社が展開している 256times にて理解度のチェックができるように設計されています。

レッスンの内容を応用することで、こうしたレイアウトも組めるようになります。

最近はスマートフォン用、PC用のレイアウトを切り替えながら実装するのが一般的です。そのあたりの実践を積み上げたい方や、他の参加者のコードを読んで学びを広げたい方は、ぜひ256timesも受講してみましょう。

今後の予定

詳解CSSシリーズの最後として、「アニメーション編」のリニューアルを予定しています。年内にはリリースできるように調整中なので、もうしばらくお待ちいただければと思います。

今回の『詳解CSS メディアクエリー編』は全14回でまとめてみました。他のレッスンに比べると短めなので、ぜひお気軽にご覧いただければと思います。詳細は以下よりご確認ください!


いいなと思ったら応援しよう!