Какие основные ошибки в верстке?

Question

[Станислав Галин]

Учу HTML,CSS,JS уже 3 месяца, и вот 3 недели назад я начал верстать разные макеты, так сказать для тренировки и портфолио. Верстаю пока что только на HTML и CSS. Это уже моя третяя работа, знаю макет легкий, но думаю для тренировки пока что сойдет. Можете указать основные мои ошибки в верстке и сказать как делать не надо. Если не тяжело сказать какие ошибки в основном допускают начинающие верстальщики ?
shablon-1.zz.mu

Answer 1

[dm]

Вот вам отличная полезная статья по оценке верстки, с ее помощью можно самостоятельно увидеть косяки.
habrahabr.ru/company/htmlacademy/blog/254171

Названия классов не очень хорошие, а некоторые плохие:
<div class="image">

Правила CSS написаны в одну строку, читать не очень удобно. Это не ошибка, конечно, но надо думать и о поддерже ресурса в дальнейшем.

Такой прием не считается хорошей практикой:
* {margin: 0; padding: 0;}

Не лишним было бы обозначить в меню текущую страницу, для понимания где находишься.

RECENT POSTS не кликабельные.

Comments

[Станислав Галин]

Мне так писать стили удобнее, и код выходит меньше

[dm]

stas_13: Удобней это замечательно, но не достаточно, чтобы так делать. Освоите html и css, начнете учить js, а там такое не катит, а вы уже привыкли. Форматирования кода тоже важно.

[Станислав Галин]

dmink: Спасибо, за подсказки. И еще можете подсказать как называется то сервис для форматирования кода css ?

[dm]

stas_13: Сам пару дней назад задавал этот вопрос - Как разделить сжатый CSS?
Здесь список сервисов - habrahabr.ru/post/112827

Answer 2

[Роман]

попробуйте сверстать то же, но без флоатов :)
а так вроде бы правильной дорогой идете.

Answer 3

[Алим Алибаев]

.bottom-nav ul {
    float: left; //убери, он лишний там
}

Answer 4

[Moskus]

Не увлекайтесь вы превращением списков во все что угодно. Это довольно распространенный прием, но он проистекает всего лишь из того, что в некоторых редакторах набросать список с разметкой - очень легко. Это не ошибка, просто не очень чистый прием.