Konwencje nazewnictwa CSS

Question

Hej!

OCSS, BEM, SMACSS, Atomic design?

Czy ktoś stosuje jakąś z powyższych konwencji nazewnictwa CSS? Jak tak to którą i dlaczego?

Istnieją jeszcze jakieś warte uwagi?

 

Answer 1

Żadna z wymienionych przez Ciebie rzeczy nie jest konwencją nazewniczą, a metodyką pisania stylów czy wręcz tworzenia design language. Same konwencje nazewnicze nie są jako tako superprzydatne bez odpowiednich reguł.

Comments

Nazewnictwo klas w BEM:

• .block - pierwsze słowo w nazwie oznacza, że klasa dotyczy danego bloku
• __element - słowo poprzedzone dwoma “podkreślnikami” oznacza, że dana klasa dotyczy danego elementu
• --modifier - słowo poprzedzone dwoma myślnikami określa kasę będącą modyfikatorem

Oczywiście bez odpowiednich odwołań w stylach nie ma to sensu, ale JEST to konwencja nazewnicza.

---

BEM nie narzuca konwencji nazewniczej. Inna rzecz, że podstawowa konwencja nazewnicza nie zawiera podwójnych myślników (w ich miejsce używany jest pojedynczy podkreślnik).

BEM jest metodyką, której najmniej istotną częścią jest konwencja nazewnicza.

---

BEM (Block Element Modifier) is a popular CSS class naming convention that makes CSS easier to maintain. Wiesz, różnie piszą 

---

No to piszą źle, bo oficjalna dokumentacja BEM jest jednoznaczna:

BEM (Block, Element, Modifier) is a component-based approach to web development.

I jest to w sekcji "Methodology". 

Answer 2

OOCSS*

Jeszcze jest:

rscss

Atomic CSS (nie mylić z Atomic design)

ABEM (takie połączenie Atomic design z BEM)

BEMIT (kolejna wariacja na temat BEM)

I pewnie wiele innych :) Choć nie nazwałbym tego jedynie konwencjami nazewniczymi. Sam BEM może mieć kilka konwencji nazewniczych.

Comments

Fakt, OOCSS, dzięki, chętnie poczytam