Perfect Pixel на верстке Landing page, как добиться успеха?

Question

[Сергей Громов]

Как правильно верстать Лендинги по технологии Perfect Pixel, вот пример моей верстки с УЖЕ наложенным макетом.


Да, я попал в развал 5px но блин, это же лендинг, и как мне сказала моя ГУРУ, у них высота блока должна быть не px, а 100vh, тоисть высота окна браузера, но если я задаю высоту 100vh, я не улаживаюсь теперь так пиксель в пиксель, по горизонтали елементы равны а по вертикали расход просто бешеный. Что делать, как вообще правильно верстать Лендинг + Perfect Pixel

Answer 1

[sanex3339]

Забей

Answer 2

[Николай Шабалин]

Pixel Perfect не достижим! Запомни это.
Ты можешь подумать, что за глупость несёт этот парень =)

Но как только ты добьёшься Pixel Perfect в Google Chrome, то тебе сделает подсечку Firefox, а потом с вертухана добьёт Internet Explorer.

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

В целом достигай "удобоваримости" сайта, чтобы посетитель "хавал". Даже разница в 100px с макетом, не всегда плохо.

Немножко гопника во мне проснулось =)
Ну правда - не надо так!

Answer 3

[Wheelie]

Ок, ответь себе на вопрос. Как ты будешь накладывать макет на адаптивную верстку? Допустим у тебя есть n макетов для разных типов экрана, но тебе все равно не хватит на все экраны.

Если заставляют такой "Perfect Pixel" и чтобы использовалась "адаптивность" это прям иллюстрация "заставь дурака богу молиться, он и лоб расшибет".

Во многих случая заказчику нужно объяснить какие-то моменты. Ибо он может не до конца разбираться в этой области и нужно чтобы он понял.

Comments

[Сергей Громов]

Тоисть Landing page Не верстается по Perfect Pixel ?

[Wheelie]

reskwer: Если его размеры статичны и требуется совпадение пиксель в пиксель. Верстается. Но как только он обретает динамичность. В этого уже не добьетесь.

Answer 4

[MNB]

"тоисть" пишется как "то есть".
"улаживаюсь" -> "укладываюсь"
Глаз режет. Если вы не можете правильно писать по-русски, может не стоит начинать делать это в местах с более строгими правилами? HTML, CSS, например.

Теперь по делу.
Верстаете с жесткой высотой, такой же, как задано в исходном шаблоне, чтоб добиться PixelPerfect.
Когда всё сверстано - подгоняете под требования: адаптивность, высота, разные эффекты и т.д. Вы должны исходить из того, что основные элементы и отступы у вас уже сверстаны. Менять размер нужно только общим блокам и их фон.

Comments

[copal]

Ваш ответ глаз режет. Если Вы такую ерунду написали, может и не стоит и в других местах думать, что Вы что-то знаете. Например вырвать себе мозг или язык?

[Сергей Громов]

Вы так хорошо исправляете мои грамматические ошибки, только ты не учел одного, мне в школе НЕ ПРЕПОДАВЛИ русский язык, но все равно спасибо, будет над чем по работать.

[MNB]

copal: Лучей добра вам, добрый человек!

Answer 5

[Rad1calDreamer]

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