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

こんにちは！　吉田です！

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

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

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

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

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

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

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

が、しかし..

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

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

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

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

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

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

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

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

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

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

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

ではでは！

吉田

投稿者プロフィール

吉田 祥太

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

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

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

最新の投稿

この著者の記事一覧

• 記事2023年12月25日【成果続々！】おめでとうございます！
• 記事2023年12月20日「強みがない」デザイナーの生存戦略
• 記事2023年12月4日ガクブルしながら選ばれるデザイナーになろう
• 記事2023年11月27日サービスや営業メールを強くする泥臭い秘訣