• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

BEM, nazewnictwo klas

Aruba Cloud VPS - 50% taniej przez 3 miesiące!
0 głosów
292 wizyt
pytanie zadane 27 maja 2019 w HTML i CSS przez Apper97 Obywatel (1,380 p.)

Chciałbym się spytać o to czy poprawnie zastosowałem BEM'a. Jakieś wskazówki, wyjaśnienia, bo zapewne błędnie z tego korzystam:

<header class="header">
            <div class="header__left"></div>
            <div class="header__right">
                <div class="header__content-container"></div>
            </div>
</header>

 

2 odpowiedzi

+2 głosów
odpowiedź 27 maja 2019 przez ProgramistaStepek Nałogowiec (27,020 p.)

Nope, nazwy nie powinny być związane ze stylem elementu.

+1 głos
odpowiedź 27 maja 2019 przez Tomek Sochacki Ekspert (227,490 p.)
ja bym zrobił na przykład zamiast: "header__left" to "header--first" i analogicznie --second. A dlaczego? a no dlatego, że być może np. na desktopie będzie to left/right, ale może na mobilce 320px będzie to już jeden div pod drugim?

"header__content-container" - wydaje mi się, że mogłoby być np. samo "header__content"

ale to tak na szybko, może wypowie się ktoś lepszy w hateemela odemnie :) (Comandeer choć no tu :P )
komentarz 27 maja 2019 przez ProgramistaStepek Nałogowiec (27,020 p.)

ehkm first xD?

komentarz 27 maja 2019 przez Tomek Sochacki Ekspert (227,490 p.)
to tylko przykład, chodzi mi o to, że left/right mocno wskazują na to jakie style klasa ustawia i mam tu obawy, że na mobilkach może to nie mieć sensu. Czy first/second były lepszy? Nie wiem, na pewno mniej związany z konkretnymi stylami, nie wiem, może lepiej byłoby np. __title i __content itp. itd.
1
komentarz 27 maja 2019 przez ProgramistaStepek Nałogowiec (27,020 p.)

Rozumiem, że ty rozumiesz, ale jak dajesz przykłady to solidne, bo co jeżeli second będzie nagle first a first nie będzie wcale, bo okaże się niepotrzebny wink

komentarz 27 maja 2019 przez Tomek Sochacki Ekspert (227,490 p.)
nie wiemy kompletnie co tam jest, to jakiś fragment totalnie wyrwany z całego kodu więc nie da się doradzić nic konkretnie :)
1
komentarz 27 maja 2019 przez Tnifey Pasjonat (24,190 p.)

ogólnie to header__first i header__second (z tą belką na dole) jako że first i second nie są stanami lub modyfikatorami :) ale nie powinno się używać takich nazw a powinny opisywać co się znajduje w środku :P 

rodzic__dziecko--modyfikator

/* to jest dobrze */
header__container
header__logo
header__navigation

header__navigation--mobile

Podobne pytania

+1 głos
1 odpowiedź 361 wizyt
pytanie zadane 17 listopada 2017 w HTML i CSS przez cyberDEV Użytkownik (780 p.)
0 głosów
1 odpowiedź 217 wizyt
0 głosów
1 odpowiedź 162 wizyt
pytanie zadane 14 grudnia 2019 w HTML i CSS przez michh123 Bywalec (2,790 p.)

93,108 zapytań

142,085 odpowiedzi

321,607 komentarzy

62,449 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Wprowadzenie do ITsec, tom 1 Wprowadzenie do ITsec, tom 2

Można już zamawiać dwa tomy książek o ITsec pt. "Wprowadzenie do bezpieczeństwa IT" - mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy aż 15% zniżki! Dziękujemy ekipie Sekuraka za fajny rabat dla naszej Społeczności!

...