CSS code is messy. Actually, it gets messy over time, and only if you are not following a strict methodology. CSS BEM stands for Block Element Modifier and is a perfect example of a methodology that works!
CSS has many fundamental problems that result in code that is difficult to maintain and read. CSS is considered to be a mess and is hated by many developers. I was among these developers too, until I figured out the proper way to write CSS code. It takes some practice to learn BEM and chances are you won't like it at first, but as time goes, you will never want to move away from the Block, Element, and Modifier methodology. It's just way too convenient!
In this tutorial you will learn:
1) What BEM is, what are Block, Element, and Modifier,
2) How to implement BEM in your HTML & CSS,
3) Why you should take your time to learn BEM.
Timestamps:
0:00 Intro
0:18 What is BEM?
0:45 Breaking HTML into Block and Elements
1:19 Block and Element naming
2:51 What are Modifiers?
3:52 Why BEM?
5:11 BEM with SASS/SCSS
6:11 Summary
#CCS3 #bem #blockelementmodifier
19 май 2024
