Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

How to Organize CSS - Beginners BEM Tutorial

Dave Gray via YouTube

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

Reviews

Start your review of How to Organize CSS - Beginners BEM Tutorial

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.