BEM

BEM

Модульные CSS-архитектуры в Next.js: BEM, SMACSS, OOCSS и их применение

Привет, Хабр! Сегодня пробежимся по теме, которую не назовёшь новенькой, но без неё — ни шагу в CSS-вёрстке в Next.js. Модульные CSS-архитектуры — это необходимый инструмент для тех, кто хочет создать прочную основу для масштабируемого проекта. В статье разберём, как с помощью BEM, SMACSS и OOCSS можно держать CSS в порядке.

https://habr.com/ru/companies/otus/articles/855642/

#nodejs #BEM #SMACSS #OOCSS #CSS #typescript

Модульные CSS-архитектуры в Next.js: BEM, SMACSS, OOCSS и их применение

Привет, Хабр! Сегодня пробежимся по теме, которую не назовёшь новенькой, но без неё — ни шагу в CSS-вёрстке в Next.js. Модульные CSS-архитектуры — это необходимый инструмент для тех, кто хочет создать...

Хабр
@cferdinandi It bloody well is! Although I still guide my CSS with #SMACSS (so `.is-…` and friends), but thanks for the article I'll try and be mindful of those boolean functions in JS too.

Méthodologie(s) #CSS

#OOCSS ;
#SMACSS ;
#BEM ;
#BEMIT ;
#ITCSS ;
— Classes utilitaires-atomiques…
Edit :
#cubeCSS https://cube.fyi/ ;
#CSSModules ;
#SUITCSS.

Mais encore ?

Avez-vous d'autres méthodologies en tête ?
Ou en sommes-nous aujourd'hui ?

(Sans oublier les CSS à l'ancienne, profitant bien de l'héritage et la cascade, sans convention de nommage particulière, et qui peut tout à fait convenir pour un petit projet personnel amateur.)

CUBE CSS | CUBE CSS

A CSS methodology oriented towards simplicity and consistency with a heavy dosage of pragmatism.