CSS Architecture

How not to drown in your own code. BEM methodology, file organization, and writing scalable styles.

The "Spaghetti Code" Problem

theory

BEM Methodology

theory

Nesting Rule in BEM

theory

File Organization: 7-1 Pattern

theory

DRY and KISS Principles

theory

CSS-in-JS and Tailwind: Other Paths

theory

Composition vs Inheritance

theory

Design Tokens: Design Language in Code

theory

Container Query Units: cqw, cqh

theory

CUBI: Advanced Methodology

theory

CSS Performance: Loading Speed

theory

Workshop: Perfect Structure

theory

Finale: You Are an Architect!

theory