Posts tagged with “basics”
Building a component system that scales
The one rule that makes a component system scale: a selector may only contain classes from its own block. What coupling looks like, why it quietly rots a codebase, and the correct way to create context with mixed classes, tokens, and themes.
Modern Ways to Center Elements Vertically and Horizontally with CSS
A concise reference of all the CSS technics to center elements both vertically and horizontally, with code examples.
mCSS structure and organization
An overview of how and why mCSS file structure is organized the way it is. And a quick overview of how the selector’s properties are organized within CSS files.
mCSS is full featured but light, opinionated but flexible, a pleasure to use but scalable. And you don’t need to learn some weird pseudo CSS to use it. It’s actual CSS…
BEM, which stands for Block, Element, Modifier, is a popular CSS naming convention that provides a clear and structured way to name your classes, making them more meaningful and easier for teams to understand, especially in larger projects.
ITCSS (Inverted Triangle CSS) is a powerful methodology developed by Harry Roberts to help front-end developers organize their CSS in a scalable and maintainable way. It addresses common issues like specificity wars and cascading conflicts, making your codebase cleaner and easier to manage.