Syntax - Tasty Web Development Treats

All About CSS BEM!

6 snips
Dec 21, 2017
Dive into the world of CSS with the BEM methodology! Discover how BEM improves organization and maintainability in stylesheets. The hosts tackle concerns about long class names while comparing BEM to modern techniques. They also discuss using Dropbox alongside Git for website development, weighing the pros and cons of each strategy. Plus, learn about a free email course on D3.js that promises to make data visualization a breeze!
Ask episode
AI Snips
Chapters
Transcript
Episode notes
INSIGHT

CSS BEM Overview

  • CSS BEM is a naming system for CSS classes that brings structure and organization to projects.
  • It stands for Block, Element, Modifier and helps avoid cascade hell.
ADVICE

Using CSS BEM

  • Try CSS BEM to see its benefits, even if initially turned off by verbosity.
  • It simplifies writing and organizing CSS, especially with preprocessors like Sass.
ADVICE

Implementing CSS BEM

  • Give CSS BEM an honest try in your projects.
  • It's immediately implementable, even in existing projects without new tooling.
Get the Snipd Podcast app to discover more snips from this episode
Get the app