Poznaj CSS #1 - Metodologia BEM - styl myślenia

Поделиться
HTML-код
  • Опубликовано: 2 янв 2025

Комментарии • 11

  • @overment
    @overment  5 лет назад

    Podobał Ci się ten film? Upewnij się, że zobaczysz kolejne:
    🔔 Subskrybuj mój kanał - ruclips.net/user/overment
    📩 Zapisz się na newsletter: overment.com/newsletter

  • @Piox899
    @Piox899 6 лет назад +9

    Zajebisty content - tego szukałem.
    Zwykle tego typu filmiki omawiają prostą rzecz w godzinę, a autorzy rozwodzą się nad jakimiś bzdetami.
    Tutaj jest samo mięso. Bardzo konkretnie i rzeczowo.
    Pozdrawiam.

  • @Lbmaniak
    @Lbmaniak 6 лет назад

    Świetny film, krótko, konkretnie i klarownie.

  • @michalphs123
    @michalphs123 7 лет назад +9

    Siema, gdy trafiłem na twój kanał myślałem, aha kolejny kanał z serii Janusze programowania, a tu mile zaskoczenie, fajnie było by gdyby odcinki były nieco dłuższe, ale rozumiem, że zapewne masz wiele rzeczy na głowie, miło by również było się przywitać i pozgenac. Doceniam to co robisz, powodzenia i pozdrawiam!

    • @overment
      @overment  7 лет назад +10

      Cześć! :) Bardzo mi miło!
      Nie żegnam się ani nie witam ze względu na to, że filmy trafiają na playlistę. W sytuacji gdy każdy z nich trwa po 3-7 minut co chwilę byśmy się witali :)
      Każdy z tematów docelowo ma być czymś w rodzaju kursu. Pojedyncze filmy nie będą dłuższe niż 7 minut, natomiast sam temat może być omawiany w 10 czy 15 odcinkach.
      Co do czasu - faktycznie mam go bardzo mało. Większość odcinków powstaje między godziną 23:00 a 04:00.
      Bardzo zależy mi na różnorodności i utrzymaniu akceptowalnego tempa premier kolejnych odcinków.

  • @AnonymousDeveloper1
    @AnonymousDeveloper1 7 лет назад

    Spoko sprawa, a co w przypadku użycia BEM dla różnych znaczników HTML, które należą do większej całości, a nie są bezpośrednio wykorzystywane do stylowania? Powiedzmy jak mogłaby wyglądać struktura dla tabeli z 1 kolumną i 2 wierszami zawierającej znaczniki:
    table > thead > tr > th
    table > tbody > tr > td
    Masz jakiś pomysł?

  • @damian.paluchowski
    @damian.paluchowski 4 года назад

    Ciekawy kanał, mega dużo praktycznej wiedzy :)
    PS: Vi Js? Tym mnie zaskoczyłeś :D

  • @marcinbiaecki9731
    @marcinbiaecki9731 4 года назад +1

    Dzięki :)

  • @Metanoia_Magna
    @Metanoia_Magna 6 лет назад

    Czy wg. metodologii BEM zasadne jest zagnieżdżanie bloków w innych blokach? W twoim przykładzie .Articles>.article>.btn ? Pytam się bo z tego co rozumiem to nie należy zagnieżdżać elementów w innych elementach np. article__header__actions.

    • @overment
      @overment  6 лет назад +2

      Bloki muszą być zagnieżdżone wewnątrz siebie w strukturze HTML ale w CSS powinny pozostać niezależne.
      Idea BEM mówi o tym, że podstawowy wygląd bloku nie może być uzależniony od tego w którym miejscu strony jest umieszczony.
      W moim przykładzie .btn stylowany jest niezależnie od tego czy znajduje się w artykule czy na liście artykułów czy stopce strony. Zatem zasady BEM zostały tutaj zachowane.
      Co innego gdybym napisał. .articles .article .article_btn - tutaj style przycisku są zależne od jego lokalizacji.
      Zobacz pozostałe moje filmy na ten temat, powinno Ci się trochę bardziej rozjaśnić. Kluczowe jest nazewnictwo.
      Blok to nie element.

    • @Metanoia_Magna
      @Metanoia_Magna 6 лет назад

      Wow dzięki wielkie. Przeglądnełem już tonę innych stron o BEM , ale dzięki Tobie zaczynam łapać jak BEM powinien działać i jak wygląda w praktyce. Może zamieścił byś jakiegoś codepena z mała stronką z większością standardowych przykładów użycia tej metodoligii. Chodzi o to że dla niektórych (o ile nie większości) początujących ciężko się przestawić na ten tryb myślenia po nieskączonych godzinach tutoriali pokazujących klasyczny sposób projektowania HTML/CSS.