見出し画像

Lilac(ライレック)教材「マークアップ言語シリーズ: Lesson 6 CSSグリッドレイアウト」の販売を開始しました

どうもー、ドイツでフリーランスのフルスタックエンジニアと、「オーダーメイド感覚プログラミング学習サービス | Lilac(ライレック)」を個人開発している、Arisaです。

つい先ほど、「マークアップ言語シリーズ: Lesson 6 CSSグリッドレイアウト」の教材を、Zennさんのプラットフォームにて、販売開始しました🎉!

CSSグリッドは、とても奥が深い技法ですが、ブラウザの対応が進み、今ではモダンなweb開発のレスポンシブデザインを実装する上では、必須の技法になりました。

大手企業のwebサイトを見ても、CSSグリッドの構造に移行している様子が確認できるほど、浸透してきたようです。

モダンなweb開発の技術として認められたCSSグリッドベースのレスポンシブデザインを習得する上で、まずCSSグリッドの基本概念から丁寧に習得していくことが近道です。

- 従来のFlexboxベースのレスポンシブデザインで、メディアクエリメインのレスポンシブデザインから、現在主流であるCSSグリッドベースのレスポンシブデザインの習得を目指す方

- CSSを学習中の方(Flexboxの理解を推奨)

を対象にした電子書籍/オンライン教材です。

本書では、公式ドキュメントである、MDNでは理解が難しい説明を、なるべくどなたでも短時間で理解ができるよう、優しい解説と、図を多く使用した教材を心がけて執筆しています。

CSSグリッドを応用したレスポンシブデザインを習得する前に必要なCSSグリッドの基本を、Lilac(ライレック)の教材で効率よく習得していただければ嬉しいです。

Lesson1〜5同様、テキスト教材は、半分無料公開しています。

無料公開範囲をいつ狭めるかは未定ですが、Lilac(ライレック)のオンラインプラットフォームが完成するまでは、無料で全ての教材の半分は公開し続けるつもりです。

CSSグリッド以外の教材は、以下のリンクよりご覧いただけます。

「マークアップ言語シリーズ: Lesson 0 Visual Studio Codeを導入してみよう」

「マークアップ言語シリーズ: Lesson 1 Lesson 1 HTMLの基本」

「マークアップ言語シリーズ: Lesson 2 CSSの基本」

「マークアップ言語シリーズ: Lesson 3 並列、float」

「マークアップ言語シリーズ: Lesson 4 並列、Flexbox」

「マークアップ言語シリーズ: Lesson 5 オブジェクト指向CSS(OOCSS)」

この記事が気に入ったらサポートをしてみませんか?