- * box-sizing: border-box;
- Иконка для сайта favicon.ico
- сглаживание шрифтов -webkit-font-smoothing:antialiased;
- сжатие css
- имя класса должно отражать не внешний вид, а то чем он является
- все что можно сверстать css – нужно верстать css
- учитывать наполнение макета – большие заголовки, много текста.
- картинки всегда вставлять
- для иконок использовать спрайты
- в меню использовать ссылку на блок ссылки, не на текст.
- шрифт с google убрать type=‘text/css’
- не использовать протокол в ссылках
- не закрывать одиночные теги
- валидация e-mail
- подключить скрипты в конце документа
- проверка html валидатором
- чем короче селектор тем лучше
- .site-header .site-footer
- DRY – don’t repeat yourself
- страница 404 страница с иронией
подыгрывание пользователю
http://www.bigeng.io/how-we-css-at-bigcommerce/
варианты
блур картинки
СЕО
google knowledge graph