Вадос, спасибо тебе огромное за объяснение насчет Perfect'a. Брал несколько месяцев назад курс по вёрстке у Анны Блок, она ничего не объяснила про эти все нюансы, а стала ровнять все в программе заново(лайн хейтами и марджинами), в итоге я, последовал её примеру, вообще сгорел. У меня верстка просто нахрен поехала. Короче не рекомендую её курсы. Учит абы как, а деньги берёт. Я думал, это реально что-то нереально заоблачное. Начал думать, что вёрстка - это не моё даже(у меня 7 работ в портфолио, но без пикселя все). Кстати про маразм, так она и делала, эта Анна. Спасибо, братишка, за то, что открыл глаза. Глубокий тебе поклон до пола!
Если заказчик требует pp и это его прям главное требование - лучше отказаться от такого проекта, заказчик попросту не понимает как оценивать вашу работу подругому
Приветствую! Ребята, курс у Вадима зачетный - сама проходила (старт от 21.06.2021). Научилась верстать, пришла уверенность и понимание того, что ты делаешь. Такой бы курс по JS! Вадим, благодарю за видео - сейчас стоит задача сверстать сайтец по PP 🙂
Проблема PixelPerfect с тем что он не дружит с гридами и флексами - потому что дизайнер не машина и не может точно разбросать блоки. align-items: center === PixelPerfect говорит: Давай, до свиданья... Видео оч полезно т.к его можно показать заказчику... Для чего нужен PP - 1 проверка декоративных элементов выставленных по абсолюту 2 проверка em ,% , vw выставленных через Sass миксин-калькулятор.
чего вдруг не может то? фигма прекрасно с этим справляется, дизайнеру лишь нужно использовать автолейаут и следить на сеткой. Флексы и гриды НИКАК не влияют на PP
@@max.denaro262 дизайнер не будет ставить автолейаут потому что дизайнер не знает твоего построения блоков. Чтобы знать построение блоков дизайнер должен убить год на вёрстке и сверстать 40 проектов. Нафиг это дизайнеру ХЗ, будет типо тру но смысла ноль . Дайнер просто должен сделать красиво, а верстальщик просто должен перенести красиво в нормальные конструкции, как должно быть! Простой пример дизайнер чертит по центру декоративную линию и по ней как по дереву набросаны элементы, при этом он разбрасывает на глаз и вроде должена быть центровка. Потом в блоках есть текст. Потом мы заполняем текст после верстки и все блоки плывут, ну т.е не плывут, но эта структура не сходится и не может сходится с дизайном. Потому что просто блоки на гридах и флексах плавают от шрифта, и если у тебя браузер считает межстрочный интервал шрифта по другому то по шрифту твой блок прыгает и вся верстка прыгает потому что у тебя центровочка. И текст у тебя в 30% от блока не влезает как в дизайне, а значит провал текста и всё поплыло.
@@WERWOLION Как это дизайнер не знает?) Знает. А если не знает - я ему скажу. Видимо ты работал с дизайнерами хренового уровня) Дизайнер не должен делать красиво, он должен делать красиво и удобно. Это основная задача ЛЮБОГО веб-дизайнера, как дизайнер тебе и говорю. Так что просто поработай с дизайнерами уровня выше хренового.
тема хорошая. Кстати, пиксель перфект не всегда обязателен) И это в ТЗ обычно или техлидом обозначено. Ибо пиксель-в-пиксель это весьма трудозатратно. Хотя и считается хорошей практикой
спасибо большое за видео, в епамовской школе фронта если больше 10 пикселей расхождение то не сдал блок то есть до 10 ваще болта мона забить но уже накпрягаешься чтоб в след раз точнее ну до 5 точно можно забивать
Господа, что вы думаете о мнении, что ИИ с ближайшие годы заменит многие направления в программировании? В верстке как минимум. Вижу уже быстрые и готовые решения генерируемые по дизайну. Не перейдет ли верстка из разряда работы в разряд хобби...
ИИ не существует Смотрите лекции Савельева и не слушай бред который несут тебе гуманитатарии без мозга. Всё что будет делать нейросетка это помойную тильду с онлайн стилями, дальше такую верстку бэкенд берет в работу и стоимость бэкенда становится 900$ из 200... Экономияяяя.....
Да всё нормально будет. Про смерть вёрстки говорили когда я первый раз начинал учиться(2017 год), да и до этого наверное тоже так говорили. По итогу, 2023 год, вёрстка всё так же живёт. Человек без нужных знаний не сможет правильно применить то что выдал ему ИИ, не стоит переживать из-за этого
Вадим вы просто супер. У меня есть вопрос внутри строчных елементов можно разместить блочный элементы если строчнымы элмента записан display block? Это мне очень важно.
Где же всё таки найти эту работу верстальщика? Куда не кинься на работу, то нужен уже полноценный Frontend разработчик со знанием React или Vue.js. Без этих знаний работу сейчас не найти практически. И ещё понятно что препроцессоры, Gulp, Webpack и ещё Docker. Где же этому всему научиться, да ещё в короткие сроки? Чтоб не 3 года или более изучать.
Я новичек в этом деле, но заметил одну странность. у меня в фигме например некоторые зазоры между элементами отличаются по размеру от тех что в видео. Разве такое может быть? Что же будет при РР )
Мне как то с РР даже и проще, в VSC написала блок, потом в дев тулзе все размеры подогнала, и просто скопировала. Да и фигма часто с размерами не дружит
Когда слышу пиксел перфект от клиента дропаю клиента. Пикселперфект придумали менеджеры что бы меньше заплатить клиенту. Для маленьких баннеров может быть но не для целого сайта. Ну еще дизайнеры не делают все нормально, елементы раскадины как попало. Так что однозначно нет
@@Geergon У тебя в башке диктаторский режим! Что же мы просрали? Наоборот, с каждым годом Республика Беларусь становится всё краше и богаче. Мы, простые белорусы, живем свободно и чувствуем себя прекрасно: читаем, что хотим, смотрим любые ТВ каналы, в том числе украинские, слушаем любую музыку и т.д. и т.п. У нас чистые, ухоженные города, прилавки магазинов ломятся от еды, у нас прекрасная бесплатная медицина (никаких взяток врачам) и сфера социального обслуживания населения, у нас до сих пор существует социальный лифт, когда умные люди сами всего добиваются в жизни. Я за свои 45 лет ни разу не ощутил какого-либо давления со стороны властей!!! Бедные вы люди! Вам засрали мозги ваши телевизоры...
@@Geergon В данном случае это проблема для Вадима. Он не сможет продать свои курсы. Значит заинтересованный в обучении заплатит другому. Вадим скорее заложник данной ситуации. И это печально.
@@user-Pravdarub586 Прикинь, то что ты назвал и у нас есть. Это не с вашей ли територии русские войска заходили в Украинку? И не с вашых ли аэродромов взлетали Миги и ракетами бомбили мирняк? И насчет телевизора, я его не смотрю, мне его смотреть не надо, чтобы видеть что происходит, а от вашие пропагандоны азаренко и ко, нормально людям мозги засирает
@@ИванПетров-ш6в Почему вы считаете что без вас он будет без денег? Помимо вас, есть Казахстан, Украина, Азейрбаджан, Грузия, Молдова и множество других стран.
такой вопрос : во всех блоках html прописываю контейнер, повторяю css свойства, но на обучающих видео границы контейнера одни, а у меня гораздо шире, будто их вовсе нет. моник фулл хд. как быть ?
Какая же бесполезная тема этот пиксель перфект, на нормальных проектах настраивается среда автотестирования в которую входит скриншотное тестирование, которое не нужно вручную выполнять и получать респонз по тестам, в зависимости от чего идти дальше, да и вообще пиксель перфект это антипаттерн так как адаптивная верстка с ним не совместима
Вадос не перестает нас радовать! Отрываемся на вечеринке по полной!
Вадос, спасибо тебе огромное за объяснение насчет Perfect'a. Брал несколько месяцев назад курс по вёрстке у Анны Блок, она ничего не объяснила про эти все нюансы, а стала ровнять все в программе заново(лайн хейтами и марджинами), в итоге я, последовал её примеру, вообще сгорел. У меня верстка просто нахрен поехала. Короче не рекомендую её курсы. Учит абы как, а деньги берёт. Я думал, это реально что-то нереально заоблачное. Начал думать, что вёрстка - это не моё даже(у меня 7 работ в портфолио, но без пикселя все). Кстати про маразм, так она и делала, эта Анна. Спасибо, братишка, за то, что открыл глаза. Глубокий тебе поклон до пола!
Спасибо огромное. Берегите себя. Здоровья вам.
спасибо
Если заказчик требует pp и это его прям главное требование - лучше отказаться от такого проекта, заказчик попросту не понимает как оценивать вашу работу подругому
Зато можно установить позицию релятив и сговёнить ему верстку на левом право и ещё сделать на пикселях... Будет пёртфект!
@@WERWOLION 😆😆😆
в последнее время активничаешь) красава, запускай вечеринку на полную хехехе
спасибо
Сколько было вырвано волос у лысых верстальщиков - ахах, гениально.
Большое спасибо за видео! Очень полезно 🙏🏾🙏🏾🙏🏾
Один видос полезнее другого, как из рога изобилия, Вадим жжёшь!!! Спасибо! 🤩👏🙌❤🔥
=)) спасибо)
Вадим , спасибо тебе как всегда !
Приветствую! Ребята, курс у Вадима зачетный - сама проходила (старт от 21.06.2021). Научилась верстать, пришла уверенность и понимание того, что ты делаешь. Такой бы курс по JS!
Вадим, благодарю за видео - сейчас стоит задача сверстать сайтец по PP 🙂
Благодарю
Вадос, ты лучший!!! Спасибо за контент, за твой труд
благодарю
Как всегда, что-то интересное 👍
Только задумалась недавно о том, что нужно подробнее узнать о пиксель перфект и вот те на- рабочая схема субботним утром! Спасибо
круть
Низкий поклон!
спасибо
Вечеринка супер!!!Спасибо!!!
Ждем продолжения
Спасибо за видео! Очень полезно.
Проблема PixelPerfect с тем что он не дружит с гридами и флексами - потому что дизайнер не машина и не может точно разбросать блоки.
align-items: center === PixelPerfect говорит: Давай, до свиданья...
Видео оч полезно т.к его можно показать заказчику...
Для чего нужен PP - 1 проверка декоративных элементов выставленных по абсолюту
2 проверка em ,% , vw выставленных через Sass миксин-калькулятор.
чего вдруг не может то? фигма прекрасно с этим справляется, дизайнеру лишь нужно использовать автолейаут и следить на сеткой. Флексы и гриды НИКАК не влияют на PP
@@max.denaro262 если флексы и гриды не влияют то ты не знаешь не флексов ни гридов
@@max.denaro262 дизайнер не будет ставить автолейаут потому что дизайнер не знает твоего построения блоков.
Чтобы знать построение блоков дизайнер должен убить год на вёрстке и сверстать 40 проектов.
Нафиг это дизайнеру ХЗ, будет типо тру но смысла ноль .
Дайнер просто должен сделать красиво, а верстальщик просто должен перенести красиво в нормальные конструкции, как должно быть!
Простой пример дизайнер чертит по центру декоративную линию и по ней как по дереву набросаны элементы, при этом он разбрасывает на глаз и вроде должена быть центровка.
Потом в блоках есть текст.
Потом мы заполняем текст после верстки и все блоки плывут, ну т.е не плывут, но эта структура не сходится и не может сходится с дизайном. Потому что просто блоки на гридах и флексах плавают от шрифта, и если у тебя браузер считает межстрочный интервал шрифта по другому то по шрифту твой блок прыгает и вся верстка прыгает потому что у тебя центровочка.
И текст у тебя в 30% от блока не влезает как в дизайне, а значит провал текста и всё поплыло.
@@WERWOLION боюсь, это ты не в курсе. А я этому учу людей, и весьма успешно :)
@@WERWOLION Как это дизайнер не знает?) Знает. А если не знает - я ему скажу. Видимо ты работал с дизайнерами хренового уровня)
Дизайнер не должен делать красиво, он должен делать красиво и удобно. Это основная задача ЛЮБОГО веб-дизайнера, как дизайнер тебе и говорю.
Так что просто поработай с дизайнерами уровня выше хренового.
так... я понял, разброс между дивами до 50px, а спанами pixel perfect работаем. Благодарочка!
понятно, спасибо Вадос
тема хорошая. Кстати, пиксель перфект не всегда обязателен) И это в ТЗ обычно или техлидом обозначено. Ибо пиксель-в-пиксель это весьма трудозатратно. Хотя и считается хорошей практикой
интересно, а как Вадим рассказывает в видео))))
@@varvara_barva не смотрел) девушка на аватарке красивая)
Интересно, как же сделать пиксель в пиксель, если банально рендер шрифтов у всех браузеров происходит по-разному, независимо от наших настроек...
@@SergiyPolar а хз, но многим удается)
Да, иногда пиксель- перфект - боль... Спасибо за видео)
спасибо большое за видео, в епамовской школе фронта если больше 10 пикселей расхождение то не сдал блок то есть до 10 ваще болта мона забить но уже накпрягаешься чтоб в след раз точнее ну до 5 точно можно забивать
Господа, что вы думаете о мнении, что ИИ с ближайшие годы заменит многие направления в программировании? В верстке как минимум. Вижу уже быстрые и готовые решения генерируемые по дизайну. Не перейдет ли верстка из разряда работы в разряд хобби...
ИИ не существует
Смотрите лекции Савельева и не слушай бред который несут тебе гуманитатарии без мозга.
Всё что будет делать нейросетка это помойную тильду с онлайн стилями, дальше такую верстку бэкенд берет в работу и стоимость бэкенда становится 900$ из 200...
Экономияяяя.....
Да всё нормально будет. Про смерть вёрстки говорили когда я первый раз начинал учиться(2017 год), да и до этого наверное тоже так говорили. По итогу, 2023 год, вёрстка всё так же живёт. Человек без нужных знаний не сможет правильно применить то что выдал ему ИИ, не стоит переживать из-за этого
класс, спасибо за видосы
Спасибо за урок от меня подписка и лайк
Владос как обычно ворвался и все по решал)
Сразу лайк🎉🎉🎉
четко все рассказано, крутой контент, и снова мобмическая вечеринка
Вадим вы просто супер. У меня есть вопрос внутри строчных елементов можно разместить блочный элементы если строчнымы элмента записан display block? Это мне очень важно.
Спасибо Сэнсэй!!!
он же вырубает уведомления в тг на след видео? Скажите что да
Где же всё таки найти эту работу верстальщика? Куда не кинься на работу, то нужен уже полноценный Frontend разработчик со знанием React или Vue.js. Без этих знаний работу сейчас не найти практически. И ещё понятно что препроцессоры, Gulp, Webpack и ещё Docker. Где же этому всему научиться, да ещё в короткие сроки? Чтоб не 3 года или более изучать.
смысл видео: на все забиваем болтяру!)
и не боимся этого =)
даже тот кто спрашевает на собесе про PP он уже давно на него забил, просто хочет увидеть страх в глазах джуна =)
Спасибо
Вадим супер! Будет ли Ваш курс по верстке летом?
спасибо, думаю что будет, всегда можете мне написать в телеграм
а как сделать линии контейнера в фигме
Спасибо за видео, теперь минус одна фобия)
боремся с ними)
Я новичек в этом деле, но заметил одну странность. у меня в фигме например некоторые зазоры между элементами отличаются по размеру от тех что в видео. Разве такое может быть? Что же будет при РР )
Я уж подумал, что люди начнут мнить себя цифрами. Оказалось, что я *ПЕРВЫЙ* такой.
ти напевно не чув що таке PixelPerfect
Мне как то с РР даже и проще, в VSC написала блок, потом в дев тулзе все размеры подогнала, и просто скопировала. Да и фигма часто с размерами не дружит
Т.е в rem и % перведить не нужно))?
Стыдно товаришь
@@WERWOLION Вы, товарищь, в дев тулзе можете только в пикселях писать? Как по мне все rem и % тем более удобнее именно так
@@ОксанаСиница-ф8ц нет потому что rem и % уже давно пишутся через функции, спс западному комьюнити.
Норм, не только по PP знания подтянул, а ещё и про коктейль PornStar узнал))
вот вот, больше полезностей)
Это канал о профессиональной Вёрстке? тут 90% о ней ?
Можно Ф11 нажать и тогда точнее будет
А можно у ссылки просто убирать href, а не заменять спаном?
Валидатор
можно дивом же
Когда слышу пиксел перфект от клиента дропаю клиента. Пикселперфект придумали менеджеры что бы меньше заплатить клиенту. Для маленьких баннеров может быть но не для целого сайта. Ну еще дизайнеры не делают все нормально, елементы раскадины как попало. Так что однозначно нет
адекватный работодатель вообще не будет указывать пиксель перфект в вакансии))
КУРС НЕ ДОСТУПЕН РЕЗИДЕНТАМ РФ И РБ! Ну ты даёшь!
Ну а что ты хотел, за поддержку диктаторского режима нужно платить. Так все просрать это еще надо уметь
@@Geergon У тебя в башке диктаторский режим! Что же мы просрали? Наоборот, с каждым годом Республика Беларусь становится всё краше и богаче. Мы, простые белорусы, живем свободно и чувствуем себя прекрасно: читаем, что хотим, смотрим любые ТВ каналы, в том числе украинские, слушаем любую музыку и т.д. и т.п. У нас чистые, ухоженные города, прилавки магазинов ломятся от еды, у нас прекрасная бесплатная медицина (никаких взяток врачам) и сфера социального обслуживания населения, у нас до сих пор существует социальный лифт, когда умные люди сами всего добиваются в жизни. Я за свои 45 лет ни разу не ощутил какого-либо давления со стороны властей!!! Бедные вы люди! Вам засрали мозги ваши телевизоры...
@@Geergon В данном случае это проблема для Вадима. Он не сможет продать свои курсы.
Значит заинтересованный в обучении заплатит другому.
Вадим скорее заложник данной ситуации. И это печально.
@@user-Pravdarub586 Прикинь, то что ты назвал и у нас есть. Это не с вашей ли територии русские войска заходили в Украинку? И не с вашых ли аэродромов взлетали Миги и ракетами бомбили мирняк? И насчет телевизора, я его не смотрю, мне его смотреть не надо, чтобы видеть что происходит, а от вашие пропагандоны азаренко и ко, нормально людям мозги засирает
@@ИванПетров-ш6в Почему вы считаете что без вас он будет без денег? Помимо вас, есть Казахстан, Украина, Азейрбаджан, Грузия, Молдова и множество других стран.
Главное чтоб не в Worde 😂😂😂
очень важно!)
такой вопрос : во всех блоках html прописываю контейнер, повторяю css свойства, но на обучающих видео границы контейнера одни, а у меня гораздо шире, будто их вовсе нет. моник фулл хд. как быть ?
Контрол + скролл мыши.
Сразу получаешь ещё мобильную версию и 4к
Какая же бесполезная тема этот пиксель перфект, на нормальных проектах настраивается среда автотестирования в которую входит скриншотное тестирование, которое не нужно вручную выполнять и получать респонз по тестам, в зависимости от чего идти дальше, да и вообще пиксель перфект это антипаттерн так как адаптивная верстка с ним не совместима
піздєц...........