Автоматизатор

Поймал себя на таком коде:

#sidebar-top .blocks-wrapper,
#logo-title {
  border: 1px solid #9b9a97;
}
#sidebar-top .decoration-image {
  border-bottom: 1px solid #9b9a97;
}
#sidebar-left,
#header #sidebar-top .block-first .block-inner {
  border-right: 1px solid #9b9a97;
}
#sidebar-right {
 border-left: 1px solid #9b9a97;
}

Если что-то начало повторятся слишком часто в вашем коде - что-то идет не так. Чем потом (поменяем-ка цвет!) вставлять везде цвет, лучше сделаю все сразу хорошо:

Верстка сайта мебельного магазина «Шерпа-Мебель».

В HTML есть очень хороший таг ol, создающий нумерованные списки, например

<ol>
 <li>первый пункт</li>
 <li>второй пункт</li>
 <li>третий пункт</li>
</ol>

в результате отобразит

1. первый пункт
2. второй пункт
3. третий пункт

Перевод с английского: 10 Best CSS Practices to Improve Your Code (Written exclusively for WDD by Jeff Couturier)

Это очень легко - обнаружить себя, разбирающимся в своем же CSS, который превратился в беспорядочную кашу. Иногда это результат небрежного кодирования с самого начала, иногда это из-за многочисленных "хаков" и изменений. Независимо от причины, не должно быть именно так. Написание чистого, сверхуправляемого CSS просто, если начать с той ноги, и это сделает ваш код легче для поддержки и правки позже. Здесь 11 советов для ускорения процесса написания CSS, которая станет тоньше, быстрее и будет реже причинять вам головную боль.