見出し画像

『詳解CSS フレックスボックス編』をリリースしました

今年最後のレッスンリリースは『詳解CSS フレックスボックス編』となります。内容を大幅に見直してわかりやすい構成になったかと思います。

スクリーンショット 2019-12-25 15.32.48 2

↑ プロパティがたくさんあるので図でわかりやすく解説していきます。

スクリーンショット 2019-12-25 15.33.01 2

↑ 実践的なレイアウト手法についても例を出して学んでいきます。

なお、今回は実験的に右側にブラウザ実行環境をつけてみました。動画内ではVS Codeを使って実装を進めていますが、ブラウザだけでちょこちょこ試したい、という方はご活用ください。

スクリーンショット 2019-12-28 1.17.49

↑ 動画の右側でコードを書いて試すことができます。

フレックスボックス、もはやウェブデザインには必須の知識になりましたよね。仕様が右往左往していた時期が懐かしい...。全16回にまとめてみたので、年末年始に是非チャレンジしてみてください。

・詳解CSS フレックスボックス編 (全16回)
https://dotinstall.com/lessons/basic_flexbox_v2




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