Верстать ли Pixel perfect?

Question

[T-A-V]

Насколько актуальный сейчас этот метод верстки и на сколько быстрый и качественный ?

Answer 1

[kapuletti]

Pixel Perfet нужен только в том случае, если дизайнер об этом просит. Если каждый пиксель на счету и должен иметь свое место, то, пожалуй да, этим можно заморочиться. Но во всем должен быть разумный предел. Как отметили выше, есть разные браузеры, разные системы, разные методы рендера. Пытаться бороться с этим не вижу смысла, это впустую потраченное время. Это должен понимать и сам дизайнер, когда выдвигает такие требование к макетам.

Если же дизайнер рисует все «на глаз», то, естественно ни о каком PP речи быть не может. Бывали верстальщики, которые делали PP с кривых макетов, например, у одного элемента 27px отступ, у другого 24. И так с каждым элементом. Возьмите и выравнивайте до 25, зачем дублировать ошибки дизайнера? Думайте своей головой, а не «так было в макете».

Comments

[T-A-V]

Правильно ли исправлять ошибки дизайнера? Как говорится: "Инициатива наказуема" или это не тот случай? Я тоже так делаю, мне даже самому нагляднее написать: margin: 0 22px; чем margin: 0 23px 0 21px.
Если не Pixel Perfet, тогда как верстать? Я имею ввиду, если дизайнер не просит, какая есть альтернатива.
Что бы внести ясность:
В моем понимании Pixel Perfet - это именно сверстанный на глаз макет, а потом подгоняемый с помощью, какого-то плагина в барузере, через наложение изображения макета на верстку.
Pixel Perfet в широком значении - это наверное именно кроссбраузерная верстка максимально приближенная к макету PSD во всех браузерах.
Но верстая первоначально методом Pixel Perfet(мое понимание), а далее подгоняя под все браузеры(Pixel Perfet в широком значении) можно вобще никогда не оставлять Pixel Perfet, даже если дизайнер не просит. Почему бы не верстать всегда с начало на глаз, а потом в браузере подгонять через плагин и сверять в других браузерах сравнивая с первоначальным?
Какая альтернатива Pixel Perfet?: Верстка через линейку в фотошопе? Неужели Pixel Perfet именно как метод верстки не выгоднее и не быстрее?.

[kapuletti]

T-A-V: я делаю немного по-другому. Есть утилита Crop в Photoshop (клавиша C). Выделяю участок и в прямоугольнике написаны размеры. После этого нажимаю Esc, чтобы отменить выделение. Если цифры разные, то применяю правило кратности 5. Т.е. 22, 23, 21 никогда не прописываю, прописываю 25 или 20. Это в большинстве случаев. Но иногда бывает, что есть иконки, у которых позиционирование очень важно, тогда конечно делаю точные размеры.

Наверное мы по-разному понимаем Pixel Perfect. Для меня это заказчик, которому надо, чтобы на всех платформах было пиксель в пиксель как на макете, в ущерб рациональности. Т.е. макет так себе, а гонора много. От таких я стараюсь отказываться.

[T-A-V]

kapuletti:
Вы имеете ввиду инструмент кадрирование под "утилита Crop в Photoshop (клавиша C)"?

Answer 2

[Сергей Протько]

медленно и все-равно не получится (сглаживание шрифтов и все такое).

Comments

[T-A-V]

Опыта у меня в принципе не было, кроме как через плагин гугл хрома немного поверстал, но мне показалось намного быстрее, чем обычное отыскивание размеров линейкой в фотошопе. Со сглаживанием да, но в целом почему бы не сделать сайт в гугл хроме, а там уже просто на глаз подгонять с другими браузерами. Я вобщем имею ввиду не именно кроссбраузерный вариант Pixel perfect(типо все до пикселя во всех браузерах), а просто как метод верстки.

Answer 3

[Антон Фреско]

Абсолютно не нужная программа, главное применять кросбраузерные фишки для верстки и тогда меньше кривизны будет.