Posts tagged with “learn”

• 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.

• CSS Grid Tutorial: Interactive Guide and Examples

  Learn CSS Grid with an interactive grid builder, clear practical examples, and visual diagrams. Master grid containers, items, areas, alignment, auto-flow, and more.

• 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.

• What is BEM?

  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.

• What is ITCSS?

  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.