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

[Arthur]

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

Кроссбраузерность: Современные браузеры, IE9 и Opera 12. IE ниже 9 - стоит заглушка(прошу не обращать на нее внимание, т.к. страшная она. В скором заменю)

 

Дополнительная информация:

Источник PSD.

Скачать PSD.

Картинка PSD.

 

P/S.

Хэдер заменил(просто тот не очень понравился).

Edited December 9, 2014 by Arthur

[afdw]

Где сам макет? Нет ховер-эффекта для кнопок.

Edited December 9, 2014 by afdw

[Arthur]

Где сам макет?

 

Источник PSD.

Скачать PSD.

Картинка PSD.

 

Нет ховер-эффекта для кнопок.

 

Спасибо, добавлю.

Edited December 9, 2014 by Arthur

[afdw]

У пунктов меню анимация фона и цвета текста есть, а анимация появления стрелки - нет.

[Arthur]

У пунктов меню анимация фона и цвета текста есть, а анимация появления стрелки - нет.

 

Так было задумано.

[afdw]

Почему кнопки сделаны картинками?

[Arthur]

Почему кнопки сделаны картинками?

Из-за небольшой тени(имхо нестандартной) внизу.

[afdw]

Это делается с помощью border.

[Arthur]

Это делается с помощью border.

 

У тени там на краю цвет отличный от цвета по бокам, так что если точно делать то понадобиться какой-то время, но зачем мне возится с тенью пол часа?(я не утверждаю что это верное мнение, так как у меня мало опыта, но если у вас есть быстрый способ это сделать, буду рад услышать)(ещё дело в том что там тень в фотошопе слита в растровое изображение, то есть нету там стилей, я бы может кинул этот слой в какойто плагин преобразовывающий в css напр., но так не получится)). Точно так же и с треугольниками которые появляются у пунктов меню при наведении. Я ведь их сделал без тени, хотя это не соответсвует макету и наверное это ошибка).

[afdw]

Два пикселя? Да это при растеризации так получилось. Да и тени там никакой нет! Это совершенно не важно. Макет не доработан, там пункты меню прям на шапке, и год в © странный: 20210.

Как по мне, вот так смотрится лучше:

header {height: 380px;padding: 20px 45px 0;position: relative;background: #191919 url(../images/header_bg.jpg);-webkit-filter: brightness(0.855);}body {font-family: "Century Gothic", Arial, Helvetica, sans-serif;font-size: 13px;background-color: #191919;color: #191919;}

[Arthur]

afdw

"Да и тени там никакой нет!"

Тень у кнопок и треугольников.

"Макет не доработан, там пункты меню прям на шапке, и год в © странный: 20210."

А зачем вы убрали обтравочную маску(в фотошопе) или как у вас так шапка стала?.
Я не знаю что там за года не год сделал как на макете(вот это то точно не важно).