Де взяти приклади гарної верстки

linoleum. ось у вас в другому пункті написано "Все, що можна зробити через CSS - робіть через CSS (наприклад, text-transform: uppercase замість капс в html)"

Я не Новомосковскл ніяких розумний статей з цього приводу, намагався сам розібратися в питанні, і прийшов до того, що производительней верстати відповідно до призначення кожного використовуваного інструменту: CSS використовувати тільки для стилізації, а HTML - для організації документа. Тобто якби ви хотіли використовувати clearfix, ви б могли створити псевдоелемент для кожного елемента класу .clearfix:

Але продуктивніше було б замість цього вручну додавати елементи, які б виконували ту ж функцію без створення псевдоелемента:

Таким чином структура документа зазнає зовсім незначні зміни, зате кожен інструмент виконує свою функцію: незалежно від важливості, абсолютно всі існуючі елементи описані в HTML, CSS використовується тільки для того, щоб стилізувати вийшов документ, замість того щоб генерувати елементи. До того ж це знімає з клієнта частина - хоч і мізерною, але все ж - навантаження: навіщо при кожному рендер браузеру витрачати час на те, щоб за допомогою CSS перевести кожен символ всередині

до верхнього регістру, якби він міг з самого початку отримати вихідний код з текстом в потрібному регістрі?

Звичайно, це тьху, а не навантаження: хоч всю сторінку в uppercase, ніхто не образиться. Але якщо можна уникнути зайвих дій, чому б цього не робити?