Делать pixelperfect ломая поведение flexbox или же делать правильно flexbox ломая pixelperfect?

Question

[Альберт]

Суть в чем. Все макеты делал по пиксельперфект с расширением в браузере. +- 5 пикселей. Задачи такой как таковой не ставили пиксель в пиксель, просто еще с того времени как учил основы верстки часто попадалось что пиксель перфект вещь нужная и правильная и тп и тд, поэтому посчитал ее обязательной. Используя flexbox и делая все по PP приходится отказываться от justify-content, и использовать костыли в виде margin чтобы подогнать под макет, в свою очередь это здорово мешает при адаптации под меньшие разрешения, приходится постоянно перебивать размеры margin, с justify-content и flex-wrap адаптировать по сути и не надо оно само адаптируется но не подходит под PP c расхождением до 50-70 пикселей. С PP еще и времени гораздо больше уходит пока все подгонишь. Так нужно ли придерживаться PP или можно забить и делать как удобнее, если заказчик не требует? Как вообще обстоят дела у вас? А работодатели как к этому относятся?

Answer 1

[ned4ded]

Добрый день. Вкусовщина, конечно, но я за нормальную работу стилей, а не подгон под пп, исключением является случай, когда такой подгод обусловлен некоторой идеей дизайнера (но в 90% случаев это просто недочет дизайна).

Используя flexbox и делая все по PP приходится отказываться от justify-content, и использовать костыли в виде margin чтобы подогнать под макет, в свою очередь это здорово мешает при адаптации под меньшие разрешения, приходится постоянно перебивать размеры margin, с justify-content и flex-wrap адаптировать по сути и не надо оно само адаптируется но не подходит под PP c расхождением до 50-70 пикселей.

Если расхождение на 50 пикселей, то используйте другой подход при верстке, чтобы быть ближе к макету. Тут же важно распределение пространства между блоками и их позиционирование в документе.

Иными словами, если вы видите, что у вас в ряду 3 блока и пространство между ними должно распределяться +/- равномерно (но в дизайне один из блоков расположен не на месте), тогда justify-content будет оправдан, но если у вас 3 блока разной ширины с разными отступами и такое решение обусловлено некоторым "видением", то придется выкручиваться (:

Answer 2

[Салават Салахутдинов]

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

Answer 3

[posters]

Нарисовать то все что в голову придет можно. В то время, как фантазия дизайнера ничем не ограничена, верстальщик всегда вынужден отталкиваться от ограничений тех технологий, которые есть в его распоряжении.
В тот момент, когда к вам попадает дизайн, нарисованный непонятно кем и непонятно как, важно помнить, что человек который всю эту муру рисовал мог быть вообще с HTML и CSS не знаком или знать его поверхностно. Так стоит ли в таком случае PixelPerfect придерживаться?

Comments

[lamer350]

Чтобы верстать теперь уже и мозги нужны? Это даже не язык программирования, а обучают сейчас разметке даже в меньших классах хD

[posters]

lamer350, я говорю о существовании определенных ограничений, неизбежных при использовании HTML и CSS, которые дизайнер может в расчет не брать. У дизайнера в графических редакторах свобода действий шире.

[Rustam Bainazarov]

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

[lamer350]

Рустам Байназаров, Да это стеб, просто не пойму как люди могут обсирать дизайнера не видев реально макета и верстку которую сделал "начинающий верстальщик". У верстальщиков такая нелюбовь к дизайнерам зарождается видимо еще в утробе матери хD То заказчики дурачки, то дизайнеры с руками из жопы - у верстальщиков всегда все виноваты вокруг, но только не они сами)
Ну и сама суть вопроса, если кривой макет - нужно показать заказчику что ты крут и делаешь все ровно, а у дизайнера сетки нет, обьяснить . Просто это настолько элементарные вещи, элементарная математика... А человек спрашивает как его заказчик отреагирует на его верстку у пользователей тостера... Будто тут форум гадалок хD

[lamer350]

Рустам Байназаров, когда макет отступает от стандартной сетки бустрапа - это вообще атас, 100500 тем и в каждой обдирают дизайнера) А когда приходит парень и говорит что можно же свою сетку сделать... его закидывают камнями хD

[Rustam Bainazarov]

lamer350, согласен полностью. Говорю это и как дизайнер, и как верстальщик.

Когда одному верстальщику сказал, что сетка бывает не только от Bootstrap, он начал спорить. И я понял, что с ним не по пути.

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

Со всеми, короче, это происходит. Часто это просто лень, чем техническая необходимость. Так что — это норма, главное, чтобы думать умели :))

[Александр Маргинал]

Рустам Байназаров, обычно такое с пыхерами