Ответы пользователя по тегу БЭМ
  • Правильно ли так использовать модификатор?

    OlegCherr
    @OlegCherr
    Запрограммлю всё что угодно (Web/Android)
    Да, всё верно. Единственное – я бы порекомендовал подумать над форматом названий классов. Использование двойного тире и двойного подчёркивания мне видится не самой удачной идеей. Смотрится очень громоздко, особенно когда у одного элемента несколько подобных классов.

    .block__elem {}
    .block__elem--modif {}

    К тому же часто возникает проблема с одинаковыми именами (не хватает ещё дополнительных неймспейсов/префиксов). Поэтому рекомендую подумать и подстроить бэм под себя. Вспомните задачи, с которыми вы работаете сейчас и будете работать в будущем, и решите их самым простым, читабельным и удобным для вас (и вашей команды) способом. Вот, например, как я именую бэм классы. Использую такой подход уже несколько лет. Разработка стала очень приятной.
    Ответ написан
    Комментировать
  • Как все же правильно именовать классы в БЭМ?

    OlegCherr
    @OlegCherr
    Запрограммлю всё что угодно (Web/Android)
    Рекомендую именовать классы так, как удобно лично вам (или вашей команде).
    Лично мне очень не нравятся записи с двойным тире или подчёркиванием, и уж тем более модификаторы "ключ-значение". Смотрится очень громоздко, особенно когда у одного элемента несколько подобных классов.

    .menu__item--active {}
    .menu__item_state_active {}

    Поэтому настоятельно рекомендую подстраивать бэм под себя. Подумайте над задачами, с которыми вы сталкиваетесь сейчас и столкнётесь в будущем, и решите их самым лаконичным способом. Вот, например, моя модификация бэм. Использую её уже несколько лет. Разработка стала очень приятной.
    Ответ написан
    Комментировать
  • Правильно ли я понял основые принципы БЭМа?

    OlegCherr
    @OlegCherr
    Запрограммлю всё что угодно (Web/Android)
    Что касается именования классов, то я бы сделал так:
    <ul class="l-menu">
      <li class="l-menu-item">Пункт</li>
      <li class="l-menu-item l-menu-item_active">Пункт</li>
      <li class="l-menu-item l-menu-item_submenu">
        Пункт с подменю
        <ul class="l-menu-submenu">
          <li class="l-menu-subitem">Пункт подменю</li>
          <li class="l-menu-subitem">Пункт подменю</li>
          <li class="l-menu-subitem l-subitem_active">Пункт подменю</li>
        </ul>
      </li>
      <li class="l-menu-item">Пункт</li>
    </ul>

    Вообще, не нужно бояться дорабатывать методологии "под себя". Удобство разработки и поддержки – вещь в значительной степени субъективная.
    Лично я использую свой доработанный бэм-подход и он мне очень нравится.
    Ответ написан
    Комментировать
  • Стоит ли изучать фронтенд сразу по методологии БЭМ?

    OlegCherr
    @OlegCherr
    Запрограммлю всё что угодно (Web/Android)
    Если взять основные принципы бэм и доработать эту методологию под себя, то становится возможным её использование практически в любых проектах.
    Вот моя реализация: AzaBEM – лаконичная модификация БЭМ-методологии.
    Использую данный подход уже несколько лет. Разработка стала очень приятной.
    Ответ написан
    Комментировать