１度使ったら戻れないやつ

2022年4月11日 2022年4月11日

吉田祥太

こんにちは！　吉田です！

今日は
コーディングの実演動画を
お届けします！

テーマは

flexbox(フレックスボックス)

です！！

前回のfloatに続き、
横並びを実装する
cssになりますが..

flexboxを使うと、
もはやfloatには戻れません。

そのくらい
かゆいところに
手が届くcssなのです。

ただ、便利な反面
細かいプロパティが多いため

「ちょっと難しいかも。。。」

と初心者の方だと
断念してしまう方も多いです。

今回はそんなことにならないよう、
いつもどおり実演形式で作りつつ..

LPの実装でよく使う
flexboxのチートシートも
用意しています！

↓こちらからどうぞ（ファイル一式も含まれています）↓
https://salesdesign-school.jp/mihon/flexbox.zip

（動画ではチートシートが
一部保存されていなかったのですが
修正しておきました汗）

チートシートに載せたもの以外にも
flexboxのプロパティは
まだまだたくさんありますが
全部覚える必要はありません。

実務で使わないものは
正直覚えなくて大丈夫です。
（その都度調べればいいので。笑）

ということで、
早速作っていきましょう！

flexboxは
ほんとにお世辞抜きで便利なので
ぜひ積極的に使いながら
覚えていきましょう！

では！

吉田

↓吉田への感想・質問はこちら↓

率直な感想や質問など大歓迎です！励みになります！

吉田祥太: フロントエンジニア出身の叩き上げセールスデザイナー
セールスデザイナーとしては５年目。

ノンデザイナー出身でめちゃめちゃ苦労した経験から、
感覚的になりやすいデザインの指導を
理論的かつ再現性ある形で伝えることをモットーにしている。

⇒ 詳しいプロフィールはこちら