Google AI Professional Certificate - Learn AI Skills That Get You Hired
50% OFF: In-Depth AI & Machine Learning Course
Overview
Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Learn how to effectively organize CSS and implement the BEM (Block Element Modifier) methodology in this beginner-friendly tutorial. Discover various techniques for structuring your CSS, including creating headings with comments and sorting properties. Explore naming convention methodologies, with a focus on BEM. Understand the concepts of blocks, elements, and modifiers in BEM, and see practical examples of how to apply them to your CSS. Gain insights into maintaining consistent specificity and creating more maintainable stylesheets. Perfect for web developers looking to improve their CSS organization skills and adopt best practices in front-end development.
Syllabus
Intro
Welcome
Follow Your Team
Create Headings with Comments
Sort CSS properties by ABCSS or groups
Naming Convention Methodologies
BEM - Blocks
BEM Blocks with Modifiers
BEM Blocks vs Elements
Header example styles
BEM Elements
BEM Elements with Modifiers
BEM helps keep specificity aligned
Taught by
Dave Gray