Прошу оценить вёрстку.

[MichaelD]

Собственно вот сама страничка (ссылка не актуальна) , а вот и шаблон http://www.freepsd.w...-threezine.html (просто выбрал первый попавшийся привлекательный шаблон). Проверял вёрстку во всех "нормальных" браузерах и ie 9++.

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

Хотелось бы услышать мнение "гуру" в веб-мастеринге.

Кидайте камни), желательно с объяснениями.

ЗЫ После заливки на хостинг перестали работать некоторые свойства css3, а именно transition. В чём причина?

Edited August 21, 2013 by MichaelD

[121990]

По 10 шкале поставил тебе 4. Хоть сам код разметки написан почти аккуратно, есть и грубые ошибки.

Футер не прижат к низу страницы. Скрипты размещаются в head, если тяжелые то перед закрывающимся тэгом body. Но ни каким образом в космосе.

Зачем очищать страницу после каждого дива с классом row? Если была попытка верстать в нормальном потоке, с малой долей применения плавующих элементов. Вообще верстка не осмысленная сама по себе. Зачем header вставлен в див? Если верстать на html5 , то лучше использовать не только header и footer , а еще например aside, section, article, nav хотябы. Они в этом макете очень хорошо бы вписались.

Из мелочей Лого должно быть кликабельно. Ссылки надо заключать в элементы списка li, а не в абзацы.

[MichaelD]

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

Хотелось бы развёрнутее ответ на счёт неосмысленности кода, т.к. реально хороший пример разметки сложно найти (большенство пишут то, что первое пришло в голову, а то и ещё хуже, поверх потом добавляют)

Здорово, что есть такие форумы, где опытные люди, знающие своё дело, могут трезво взглянуть на чью-то работу!

[new_user]

К вышесказаному добавлю:

1. верхнюю навигацию не нужно было пихать в див, а класс main-nav сразу прописать для ul.

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

3. зачем ты задавал для блоков с float inline-block? незя...

4.у тебя у всех боковых блоков с классом .post установлена высота, а что будет если админ захочет выводит больше новостей? Вообще пытайся не задавать блокам высоту, делай все с учетом того что в блок может выводится больше информации.

5. Так же у тебя в каждом вышеупомянутом блоке заголовок выводится тегом h1, это тоже не правильно, так как на странице должен быть только один тег h1, лучше использовать h2 или h3.

6. По верстке видно, что ты вообще не задумывался над тем, что вся информация будет выводится с помощью скриптов (в цыкле for, while, do while), к примеру, в блоке с названием flickr ты почему-то использовал два дива с классами inline и уже внутри них выводишь box, как по твоему это можно будет вывести с помощью скрпипа?

7. элементы формы всегдя должны быть внутри тега form, информация должна же будет посылаться на сервер, или как ты думаешь? У тебя вообще input поиска сам по себе.

8. ну еще много чего...

[MichaelD]

То, что понял, то подправил) На счёт скриптов, имеется ввиду затачивать под себя normalize (или как альтернативу reset)? Если да, то просто не знал, что хорошим тоном является удалить из него всё лишнее)

[new_user]

На счёт скриптов, имеется ввиду затачивать под себя normalize (или как альтернативу reset)?

Имеется ввиду, что если у тебя в psd есть слайдер, то на выходе должен получится работающий скрипт, а не просто верстка. Если ты не знаешь JS, просто в интернете ищешь готовый скрипт, вставляешь его на сайт и меняешь дизайн, главное чтобы скрипт работал так, как это нужно заказчику.

Edited August 14, 2013 by new_user

[MichaelD]

Понял! С js и jq ещё не очень дружу(даже адаптирование готовых скриптов под свою вёрстку)... Пока нет времени плотно заниматься вебом(месяц не занимался, прохожу практику в универе) просто хотелось узнать, на сколько я ещё не образован в этом плане и чем надо заниматься, за какие ошибки могут оторвать руки