Где найти примеры хорошего БЭМа?

Подскажите примеры хорошего БЭМа.

Как это должно быть по БЭМ?
<section class="skills col-md-5 col-md-offset-1">
  <header class="skills__header col-md-12"><h1>Навыки</h1></header>
  <ul class="skills__list col-md-5 col-xs-5">
    <li class="skills-list__item">
      <div class="skills-list-item__progress"></div>
      <p class="skills-list-item__title">HTML5 / XHTML</p>
    </li>
    <li class="skills-list__item">
      <div class="skills-list-item__progress"></div>
      <p class="skills-list-item__title">HTML5 / XHTML</p>
    </li>
  </ul>
  <footer class="skills__footer"><p class="skills-footer__p">Lorem</p></footer>
</section>
  • Вопрос задан
  • 18723 просмотра
Решения вопроса 4
rajdee
@rajdee
Front-end developer
Т.к. блоков модульной сетки в чистом виде я не видел, то можно оставить и такую нотацию

Я думаю, что как-то так:
<section class="skills col-md-5 col-md-offset-1">
    <header class="skills__head col-md-12">
        <h1>Навыки</h1>
    </header>
    <ul class="skills__items col-md-5 col-xs-5">
        <li class="skill__item">
            <div class="progress skill__progress"></div>
            <p class="skill__title">HTML5 / XHTML</p>
        </li>
        <li class="skill__item">
            <div class="progress skill__progress"></div>
            <p class="skill__title">HTML5 / XHTML</p>
        </li>
    </ul>
    <footer class="skills__footer">
        <p class="foot__info">Lorem</p>
    </footer>
</section>
Ответ написан
Комментировать
voischev
@voischev
Full stack developer
Если говорить про верстку то:
mer-voronezha.ru
itar-tass.com
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@KingAnton
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы