HTML・CSS応用 ~BEMを使ったCSSの命名規則~

HTML・CSS応用 ~BEMを使ったCSSの命名規則~

2022年9月6日最終更新(全3回)

コース概要

このコースはHTML・CSSをある程度理解している方を対象に「BEM」という設計を考慮したコーディングスキルを学びます。

「BEM」とはBlocks-Elements-Modifiersの略で、CSSを設計・命名していく方法です。

こんなことはありませんか?
・CSSを一箇所修正したつもりが、意図しない部分にまで影響してしまった。
・開発者間で付け方が違うため、毎回苦労している。
・無駄な記述をしてしまい、CSSがどんどん膨れ上がってくる。

これを解決するのが「BEM」という方法です。

 

【このコースで学べる事】

●CSSの命名規則とは
●Emmetの使い方
●cllass名の付け方
●BEMを使用したサイトの制作
 


【コース構成】

第1回 CSSの命名規則・Emmet
第2回 BEMの実習・class名の付け方
第3回 BEMを使用したサイトの制作

【受講対象者】

●HTML・CSSの構文が理解できている方
●classとは何か理解できている方
●共同でWeb制作を行っている方

こんな人にオススメ

HTML・CSSの構文が理解できている方、classとは何か理解できている方 、共同でWeb制作を行っている方