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

Question

[Krickt]

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

Как это должно быть по БЭМ?

<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>

Answer 1

[Руслан Абдуллаев]

Т.к. блоков модульной сетки в чистом виде я не видел, то можно оставить и такую нотацию

Я думаю, что как-то так:

<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>

Answer 2

[sergealmazov]

yopolis.ru

Comments

[Krickt]

куча каскада

Answer 3

[nur]

search.aviasales.ru

Comments

[Krickt]

@nur обновил вопрос, помогите пожалуйста

Answer 4

[Иван Воищев]

Если говорить про верстку то:
mer-voronezha.ru
itar-tass.com

Answer 5

[KingAnton]

https://2018.navalny.com