6 причин моей ненависти к Pixel Perfect / ошибки верстки сайтов / pixel perfect верстка

Привет. В этом видео я расскажу вам 6 причин моей ненависти к Pixel Perfect. Для тех кто не знает как пользоваться pixel perfect кратко поясню. В плагин Pixel Perfect вы помещаете свой макет в формате Png и делается своего рода попиксельная верстка сайта по макету psd. Мое мнение, что подходит такая верстка сайтов для новичков и только. Если вы начинающий верстальщик, то использование этого плагина поможет вам увидеть ошибки верстки сайтов. Но не все так однозначно. В этом видео я расскажу почему Проверка верстки сайта с помощью pixel perfect это плохая идея. Для того чтобы отобразить адаптивность вам потребуется несколько макетов и pixel perfect верстка вам в этом не поможет. Некоторыми заказчиками может проводится оценка верстки с помощью этого плагина. И это не совсем корректно. В видео я подробно об этом расскажу.

[prosto_razrabotka]

Не забудьте заглянуть сюда:

Можете добавиться в друзья:

А так же, подписаться на страницы:

[vhvxsue]

Принципиально не беру заказы, где написано "ПП", потому что в 99.9% случае с этим заказчиком будет жуткий головняк. Как же мне нравятся заказчики "Вроде похоже на макет, всё работает, адаптив не ломается, спасибо за работу" - с такими просто душевно работать. Желаю всем таких заказчиков))))

[evgeniust]

Спасибо! Раньше только догадывался, а теперь буду точно знать, что если в заказе есть "pixel perfect", значит заказчик говна поел и лучше с ним не связываться.

[qvhnqqn]

Если в проекте есть требование Pixel Perfect, то от такого проекта лучше отказаться. Это всё что нужно знать о PP. Ну невозможен PP в реальной жизни, он как единорог: лошади существуют, рога существуют, а единорог - нет! :D

[wsnpbsu]

Видео-вставки с примерами, о которых говориться, были бы очень к месту

[gingerred]

Фух, ну прям успокоил. Я думал что ПП это обязаловка и все должно быть пиксель в пиксель.

[roxone]

Почитал статьи в интернете, потом посмотрел это видео. Даже на душе легче стало, а то думал что мне ещё под это дерьмо подстраиваться нужно, но как я понял шёл он на х** этот пиксельпёрфект.

[gyros]

Видишь "Pixel Perfect" - беги и ругайся

[hmkvvbf]

Спасибо за видео!
Часто такое бывает что в макете одинаковые элементы с разными отступами. Мне попадаются дизайнеры которые редко рисуют всплывающие элементы, так что лучьше сделать правильно по своему, и объяснить заказчику.

[volodymyrgachkovsky]

Хорошее видео. Юзаю Pixel Perfect, но лишь на некоторых макетах, на некоторых компонентах где это реально уместно, если вижу сам что там все норм с макетом и именно тут нет никакой динамики. А вообще я еще ниразу не получал от дизайнера идеальный макет. Это наверное не возможно :)

[codernd]

Виталий, вы очень здорово рассказываете!
ПОЧЕМУ ТАК МАЛО ПРОСМОТРОВ?!))))

[Istanislav]

Спасибо, очень интересно мнение профессионала. Как всегда ролик по делу и зашёл на ура. Смена угла съёмки помогает виэуально лучше воспринимать видео, эксперементируете?
Запомнил: если заказчик непреклонно требует пиксель перфект, то лучше найти себе другого заказчика :D

[Harrogath]

Я если что просто линкану заказчику твой видос)

[murshi]

Pixel Perfect и поддержка internet explorer = специальное занижение стоимости оплаты..

[VVV_Ulsk]

Спасибо Вам и согласен полностью.я не верстальщик, но учусь.и попадаются сплошь такие макеты (бесплатные) на которых унификации не получится, (я бы даже сказал что БЭМ строить тяжело). А ведь как хорошо когда сверстал блок, наложил отступы, границы и все можно тыкать по всему проекту, но с кривым макетом и ПП приходится вводить кучу мусорных классов чтобы обрисовать блоки или разместить как того требует макет.ну и соответственно CSS вырастает мгновенно. А уж расширять и адаптировать такие проекты это одно мучение.

[k.o.t.o.f.e.y]

Как говорится, подписываюсь под каждым словом!)) Это видео нужно скидывать заказчикам "перфекционистам" в целях профилактики фгм и идиотам, которые пропагандируют этот идиотизм! Если трезво подумать, разве это так критично, что кнопка или какой нить блок будет иметь отступы на 10-15 px выше или ниже. Что собственно говоря от этого изменится на сайте, может юзабилити станет хуже? Верстка сразу начнет сыпаться? Или же это личные "хотелки" заказчика, который где то прочитал про эту технологию, не вникая в технические особенности и думает вау это круто, теперь только пуксель-шмуксель! :'D
Я в резюме сразу указал, что не отношусь к категории садомазо и не парюсь с пикселями-перфектами, не вымеряю эти гребаные 2-3 пикселя, но в то же время делаю максимально приближенно к дизайну. Заказчику объясняю, что ничего в итоге от ПП он не выигрывает, кроме удовлетворения собственного эго. Да, некоторая часть заказов проходит мимо меня, но зато нервы и время экономятся, которое можно потратить на действительно полезные занятия! ;)

[eugenenovikov]

дизайнеры часто (потому что они не понимают как это верстается) рисуют, например, меню, стильное, которое в спрайт идёт картинкой, но кнопки очень узкие и названия пунктов меню не влазят, или нажатое состояние рисуют только для угловой кнопки с закруглёнными краями, а для средней - нет, в итоге такое меню невозможно сверстать. дизайнеры должны понимать основы вёрстки.

[qweeqrq]

Основная проблема в том, что тех кто называет себя Дизайнером - вагон и маленькая тележка. А вот тех кто понимает все процессы, ограничения и ньюансы при разработке проекта - всего лишь единицы. Я считаю, что помимо понимания принципов UX/UI, дизайнер интерфейсов должен как минимум уметь верстать (чтобы понимать технические моменты при реализации) и желательно знать хотя-бы основы JS (опять таки для понимания реализации, хотя бы в общих концепциях).
Потому что как можно проектировать интерфейс, не понимая при этом как это все будет реализовываться? UX/UI Designer - это прежде всего инженер, который уже на начальном этапе закладывает структуру и архитектуру будущего проекта. Но к сожалению, таких дизайнеров очень мало. Да и на курсах по дизайну уделяется внимание только UX и UI проекта, этап разработки либо пропускается полностью, либо же оговаривается вскользь...
После просмотра вашего ролика, я в очередной раз убедился. Что чтобы стать действительно востребованным специалистом, лучше стоит обучаться дизайну самому.

[Beast]

в ПП можно, но с точки зрения оптимизации выходит "простыня" css правил, а оно нужно ли?

[ywbjoew]

Привет,
...как я тебя понимаю... да, НАКИПЕЛО, и такое бывает.
Но, всё сказано правильно, каждое слово от начала и до конца.
Согласен.
Ставлю