007. Организация вёрстки - Олег Мохов

Поделиться
HTML-код
  • Опубликовано: 19 сен 2024
  • В данной лекции рассказывается о методологии бэм, а также о новой спецификации веб-компоненты. Презентация urfu-2015.gith...

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

  • @user-jx8pe4yz6q
    @user-jx8pe4yz6q Год назад

    Хоть и бэм умер с приходом react. Но все же тут есть интересные идеи.

  • @ZoxonBox
    @ZoxonBox 8 лет назад

    И еще одно не понятно зачем нужно разделение radio-group и checkbox-group? Разве не логично было бы использовать один общий блок с модификаторами?

  • @ZoxonBox
    @ZoxonBox 8 лет назад +1

    А разве внутри блока radio-group не должно быть элементов (например radio-group__item)? Это не нарушает БЭМ?

    • @olegmokhov576
      @olegmokhov576 8 лет назад

      +Константин Величко не обязательно, если например, элемент большой или сам по себе является блоком, то возможна такая ситуация как на слайде

    • @olegmokhov576
      @olegmokhov576 8 лет назад

      +Константин Величко вот здесь более подробно рассказан этот момент ru.bem.info/faq/#%D0%92-%D0%BA%D0%B0%D0%BA%D0%BE%D0%BC-%D1%81%D0%BB%D1%83%D1%87%D0%B0%D0%B5-%D1%81%D0%BE%D0%B7%D0%B4%D0%B0%D0%B2%D0%B0%D1%82%D1%8C-%D0%B1%D0%BB%D0%BE%D0%BA-%D0%B2-%D0%BA%D0%B0%D0%BA%D0%BE%D0%BC--%D1%8D%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82

    • @ZoxonBox
      @ZoxonBox 8 лет назад

      +Oleg Mokhov Ссылка битая. Если нет элемента то как тогда сделать модификатор для блока radio-group который увеличит вертикальные отступы у радио кнопок.
      Придется писать что то вроде .radio-group_vspace_xl .radio { padding: 20px 0; }. А это неправильно.

    • @olegmokhov576
      @olegmokhov576 8 лет назад

      +Константин Величко именно поэтому в примере на сайте модификаторы есть и у radio, и у radio-group. Но да, есть проблема. Ссылка ещё раз clck.ru/9nrXw

    • @ZoxonBox
      @ZoxonBox 8 лет назад +1

      +Oleg Mokhov Вы не поняли, почему бы не обернуть блок radio элементом блока выше radio-group__item? Это бы решило проблему описанную выше.