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

motek

злой как @
Регистрация
13.04.2010
Сообщения
730
Опять я начну :)
Вы один из немногих, которые здесь выставляют свои работы, поэтому мы следим за Вашим развитием, но последние три работы практически не отличаются друг от друга. Пора немножко усложнить - Вы ведь хотите развиваться? Пора вводить новые элементы, пробовать более сложные комбинации...
например в данном макете просятся такие элементы, как FIGURE и FIGCAPTION, которые специально созданы для плашек под изображения...
Что касается непосредственно макета - все валидно и кашерно, но Вы схалтурили с размерами шрифта - сразу же убежало меню:

Что касается шрифтов, то я насчитал 5 разных :) ...Вы грамотно подключили нестандартный, но забыли добавить хоть один стандартный на то же меню - добавьте sans-serif - вдруг я с калькулятора зашел и такие расширения он не поддерживает :)
косячит каруселька - при прокрутке обрезается первая или последняя фотка

и наглядно картинка немножко отличается от макета - откройте их рядышком, если есть такая возможность...
в виде рекомендации посоветовал бы в форме оба инпута поместить внутрь фильдцета, но это не критично...
<form class="your_e-mail" action="#" method="get"> <fieldset><input name="your_e-mail" type="text"></fieldset> <input name="go" type="submit" value="ok"> </form>успехов!
 

BaNru

Пацифизжу
Команда форума
Регистрация
13.11.2010
Сообщения
4 020
motek сказал(а):
Что касается шрифтов, то я насчитал 5 разных :) ...Вы грамотно подключили нестандартный, но забыли добавить хоть один стандартный на то же меню - добавьте sans-serif
А у меня внешние шрифты не заработали )
1) myriadpro-webfont.ttf как минимум не поддерживает кирилицу (другие не смотрел)
2) этот шрифт, как замечено верно sans-serif, о чем не указано в стилях.
3) необходимо подбирать максимально похожий системный или "около" ситемный шрифт. В макете шрифт очень похож на impact (есть почти на всех выновс), далее обязательно по убывающей: Arial Narrow (это тоже узкий шрифт и у многих имеется), Arial (стандартный) и sans-serif
Иначе происходит расхождение с макетом как у motek'а на скрине и шрифт ставится serif
Рекомендую уже научиться пользоваться пипеткой. Цвета много где не совпадают.
Общий фон в макете scroll, в верстке fixed
 

BaNru

Пацифизжу
Команда форума
Регистрация
13.11.2010
Сообщения
4 020
"Д" пропустил, бывает.
"вындовс"
 

stan077

Well-Known Member
Регистрация
01.10.2012
Сообщения
108
всем большое спасибо за комментарии!


motek сказал(а):
последние три работы практически не отличаются друг от друга. Пора немножко усложнить - Вы ведь хотите развиваться?
Какие виды макетов Вы имеете в виду?


BaNru сказал(а):
Рекомендую уже научиться пользоваться пипеткой. Цвета много где не совпадают.
Пипеткой я пользуюсь :) может там градиент, где именно не совпадают?

BaNru сказал(а):
Общий фон в макете scroll, в верстке fixed
пробовал scroll, но почему то он обрезается :(
 

BaNru

Пацифизжу
Команда форума
Регистрация
13.11.2010
Сообщения
4 020
stan077 сказал(а):
где именно не совпадают?
В футере голубой цвет очень хорошо видно.


stan077 сказал(а):
но почему то он обрезается
а background-repeat ставил?
Посмотрел. Так там же no-repeat стоит
Кстати, такой фон надо делать через Для просмотра ссылки необходимо: Войти или Регистрация или типа Для просмотра ссылки необходимо: Войти или Регистрация
Т.е. картинки мастишь и отдельно делаешь градиент, который тянется во всю высоту страницы
 

stan077

Well-Known Member
Регистрация
01.10.2012
Сообщения
108
BaNru сказал(а):
В футере голубой цвет очень хорошо видно.
там таки градиент :)

BaNru сказал(а):
а background-repeat ставил? Посмотрел. Так там же no-repeat стоит
Если убрать no-repeat и поменять fixed на scroll, то вот что получится-


BaNru сказал(а):
Кстати, такой фон надо делать через мультифоном или типа такого Т.е. картинки мастишь и отдельно делаешь градиент, который тянется во всю высоту страницы
спасибо, буду знать:)
 

BaNru

Пацифизжу
Команда форума
Регистрация
13.11.2010
Сообщения
4 020
stan077 сказал(а):
там таки градиент :)
Ты верно шутишь?
Clipboard02.png
Clipboard01.png

Да и градиенты пипеткой замеряются нормально.
А если ты верстаешь из PSD, то там и замерять не надо, там показано в свойствах градиента цвета.

stan077 сказал(а):
спасибо, буду знать :)
Надо не знать, а попробовать заверстать.
Сразу +1lvl прокачаешь )
 

stan077

Well-Known Member
Регистрация
01.10.2012
Сообщения
108
BaNru сказал(а):
Ты верно шутишь?
а вы про текст в футере, а я про беграунд футера подумал :biggrin:
перемерял в фотошопе все правильно у меня :blink:
 

Женька

Well-Known Member
Регистрация
11.04.2012
Сообщения
584
Не совсем понятно, почему часть блоков сливается друг с другом, когда общая тенденция строится на том, что они разрываются. Особенно странно это выглядит в районе "Битвы городов" и "Призов". Первый блок сливается с верхним, а второй - разрывается.
 

seocat

Active Member
Регистрация
29.11.2013
Сообщения
26
А мне нравится ваша работа. И как сделаны шрифты. Видно проделана качественная работа
 

seocat

Active Member
Регистрация
29.11.2013
Сообщения
26
Что значит ваш невероятно довольный смайл? :blink:
 

M-A-X

Member
Регистрация
08.04.2016
Сообщения
17
Слишком круглый дизайн :)
 
Верх Низ