Using the BEM methodology in CSS with simple examples. Advantages & Reasons To Use
Explains the BEM CSS methodology, its naming conventions (Block, Element, Modifier), and its advantages for maintainable code in team projects.
Explains the BEM CSS methodology, its naming conventions (Block, Element, Modifier), and its advantages for maintainable code in team projects.
The author argues that using camel-cased CSS class names is superior to traditional kebab-cased BEM syntax for modern, modular CSS development.
Argues that CSS class-naming conventions like BEM or ECSS remain a pragmatic choice for scalable CSS architecture, even with modern features like Cascade Layers.
A guide offering simple, practical CSS rules of thumb for developers, covering selectors, BEM, specificity, and layout basics.
A defense of seemingly messy CSS code, arguing that complex class structures often evolve from practical needs and team collaboration.
Compares chaining vs. extending CSS classes for modular CSS, discussing pros, cons, and maintainability in scalable projects.
Explains why targeting HTML tags directly in CSS is problematic for maintainability and scalability, advocating for using classes instead.
A CSS developer discusses when and why to break established coding rules and best practices, using BEM and CSS grids as examples.
Explains why BEM alone isn't enough for scalable CSS and introduces a namespace system to create a more robust, side-effect-free architecture.
An introduction to writing modular, maintainable CSS using the BEM methodology, focusing on architecture and best practices.
A developer details the 2017 technical relaunch of their personal website, switching from WordPress to Jekyll for a static, fast, and accessible site.
Explains Atomic CSS, a utility-first CSS methodology that uses granular, reusable classes to keep stylesheets trim and efficient.
Matt Stauffer shares his recent podcast and vlog appearances, discussing topics like SaaS, Laravel, and CSS.
Explores a technique for nesting Sass @imports within BEM methodology to generate contextual CSS classes.
An overview of three CSS methodologies: OOCSS, SMACSS, and BEM, explaining their principles and how they can be used together.