Оцените пожалуйста мою вёрстку

[ZondArt]

Здравствуйте! Оцените пожалуйста мою вёрстку, не скажу что первую, но выставляю на всеобщее обозрение первый раз. Верстал из бесплатной psd'шки. Сначала верстал пиксель в пиксель(установлен плагин pixLayout), но потом понял, что некоторые размеры в шаблоне какие-то не правильные(там, где казалось бы должны быть одинаковые отступы в psd они были разными ) и я забил на это дело. Буду рад критике.

http://zondart.koding.com

[ZondArt]

Наверное всё так ужасно...

[red4pony]

Наверное всё так ужасно...

Не стоит отчаиваться.

Не то чтобы ужасно. Структуры нет. Разделите на блоки <header> <section> <footer>. Чтобы можно было понять что к чему относится, а не в одной оболочке. Подумайте над семантикой.

Тень можно сделать с помощью box-shadow (в верхнем левом углу тень не правдоподобная). Посмотреть как делать можно тут

P. S. Зачем панель pixLayout (есть специальные дополнения к браузерам)?

[Vin]

P. S. Зачем панель pixLayout (есть специальные дополнения к браузерам)?

Один плагин для всего зоопарка.

[red4pony]

Один плагин для всего зоопарка.

Я имел ввиду зачем она на сайте

[Vin]

Чтобы оценивающие могли сразу увидеть степень соответствия вёрстки макету.

[ZondArt]

Не то чтобы ужасно. Структуры нет. Разделите на блоки <header> <section> <footer>. Чтобы можно было понять что к чему относится, а не в одной оболочке. Подумайте над семантикой.

Тень можно сделать с помощью box-shadow (в верхнем левом углу тень не правдоподобная). Посмотреть как делать можно тут

P. S. Зачем панель pixLayout (есть специальные дополнения к браузерам)?

Сделано . Разделил на блоки, добавил семантики. Тень изменил на более правдоподобную.

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

[red4pony]

Ох Pixel Perfect...

Заголовки h4 не нужно было заворачивать в div. И вообще много обертки.

Вот как мог бы выглядеть objective:

<article class="objective">
<h4>Title</h4>
<p>Paragraph</p>
</article>

Зададите для заголовка float:left и отступ слева и готово (ну может и параграфу поля/отступы по вкусу)

P.S. Имена классов задавайте исходя из предназначения элемента, а не положения и оформления.

[ZondArt]

red4pony Спасибо, буду исправлять.

[red4pony]

Пожалуйста

[saiidr]

По мне так вёрстка отличная =) А вот углы ты заворачивал с помощью фото или на css ? Просто я так и не смог разобраться в css .