floatで横並びに挑戦しよう!

こんにちは! 吉田です!

今日はコーディング講座の
第5回目をお届けしますね!

今日のテーマは
基本にして
めちゃめちゃ重要な

floatを使った
「横並び」です!

過去にある程度
コーディングを経験されていたり
スクールに通われていた方は

「今の横並びの主流って
flexboxじゃない?」

って思われるかもしれません。

事実、それは間違いないです。

が、しかし..

flexboxが出てきたのは
ほんの5年くらい前のお話。

それより以前は
すべてfloatで
横並びが行われていました。

なので、実は現場で
floatを見かける機会は多いです。

特にWordPressを使った
ホームページテーマは
floatで組まれているものが
ほとんどじゃないかと思うくらいです。

ただ便利な一方で、
コーディング挫折者を量産するために
初心者キラーとも言われるのが
このfloat。

もともとfloatは
横並びのために作られておらず
なんとか横並びに活用するために
clearというcssを使うんですが..

これちゃんと理解しないと
エラーが出まくるんですよね。汗

そして、だれもいなくなる。笑

これを読んでいる方には
いなくならないで欲しいので..

ぜひこの機会に
仕様を理解してしまいましょう!

動画で使用したファイル一式はこちらから
↓↓
https://salesdesign-school.jp/mihon/float.zip

ではでは!

吉田

ご質問お待ちしています!

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

https://salesdesign-lab.jp/p/r/oIA6aeRR

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

投稿者プロフィール

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

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

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