Skip to content

Commit

Permalink
Update index.html
Browse files Browse the repository at this point in the history
  • Loading branch information
nicothin authored Oct 15, 2017
1 parent 1319a8a commit 6cd86b1
Showing 1 changed file with 11 additions and 21 deletions.
32 changes: 11 additions & 21 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -43,7 +43,6 @@ <h4><a href="#bem">БЭМ</a></h4>
<li><a href="#mix">Миксование — наличие класса БЭМ-блока и класса БЭМ-элемента у одного тега</a></li>
<li><a href="#bem-files">Один БЭМ-блок = один файл</a></li>
<li><a href="#bem-not-dom">БЭМ-дерево плоское, в отличие от DOM</a></li>
<li><a href="#bem-blocks-only">Некоторые фрагменты дизайна — всегда БЭМ-блоки</a></li>
</ul>
</div>
<div class="col">
Expand Down Expand Up @@ -203,9 +202,19 @@ <h3>Как отличить БЭМ-блок и БЭМ-элемент</h3>
<p>Просто задайте себе вопрос: «Эта сущность может потребоваться мне отдельно, сама по себе? Или она нужна только внутри её родителя?» Если нужна отдельно — это БЭМ-блок, если мыслима только внутри родителя — это БЭМ-элемент.</p>
<p>В действительно сомнительных случаях делайте выбор в пользу БЭМ-блока.</p>
<p>Не забывайте о миксовании (возможности иметь на одном теге и класс уровня БЭМ-элемента какого-то родительского блока, и свой класс уровня БЭМ-блока).</p>
<p>На всех проектах (кроме совсем уж крошечных или имеющих гарантировано нулевую возможность модификации) есть фрагменты дизайна, которые мудро всегда делать БЭМ-блоками по причине высокой вероятности повторения.</p>
</div>
<div class="col">
<p><a href="#bem-blocks-only">Некоторые части страницы — всегда БЭМ-блоки</a>.</p>
<h3>Некоторые фрагменты дизайна — всегда БЭМ-блоки</h3>
<ul>
<li>Кнопка (любые кнопки)</li>
<li>Блоки внутри форм (блок для текстового поля, блок для радиокнопки и т.п.)</li>
<li>Пагинация</li>
<li>Табы</li>
<li>Лейблы (метки)</li>
<li>Социальные ссылки</li>
<li>«Лайк» со счётчиком</li>
</ul>
</div>
</div>

Expand Down Expand Up @@ -312,25 +321,6 @@ <h3>БЭМ-дерево плоское, в отличие от DOM</h3>
</div>
</div>

<div class="section" id="bem-blocks-only">
<div class="col">
<h3>Некоторые фрагменты дизайна — всегда БЭМ-блоки</h3>
<p>На всех проектах (кроме совсем уж крошечных или имеющих гарантировано нулевую возможность модификации) есть фрагменты дизайна, которые мудро всегда делать БЭМ-блоками по причине высокой вероятности повторения.</p>
<p>Любой вменяемый веб-дизайнер будет использовать уже готовые фрагменты страниц для сборки новых страниц.</p>
</div>
<div class="col">
<ul>
<li>Кнопка (любые кнопки)</li>
<li>Блоки внутри форм (блок для текстового поля, блок для радиокнопки и т.п.)</li>
<li>Пагинация</li>
<li>Табы</li>
<li>Лейблы (метки)</li>
<li>Социальные ссылки</li>
<li>«Лайк» со счётчиком</li>
</ul>
</div>
</div>



<div class="heading" id="pre-css">
Expand Down

0 comments on commit 6cd86b1

Please sign in to comment.