にーしー 「CSSが思った通りに動かない」 「とりあえずコピペして、値をいじって直す」
そんな「雰囲気実装」から卒業しませんか? CSSの挙動はプロパティに使われている英単語の「原義(本来の意味)」を知ることで格段に理解しやすくなります。
例えば、flex-shrinkは「flex(柔軟に)」「Shrink(縮む)」という言葉の意味を知っていれば、「親要素が狭くなった場合はコンテンツを柔軟に縮める設定」だと直感的に理解できます。
本LTでは、CSSの挙動を支配する「10の英単語」を厳選して紹介します。
align, justify, inheritなど英語としてあまり聞きなじみはないのに、CSSでよく見る英単語の原義をCSSプロパティを踏まえて説明します。
初学者の方にはCSSを理解するきっかけを提供し、ベテランの方にはCSSプロパティを原義から振り返ることができる発表にします。