Медиа-запросы в адаптиве или как подготовить макет к верстке? Часть 2
ฝัง
- เผยแพร่เมื่อ 27 มิ.ย. 2024
- #alexeybychkov #ityoutubersru #webdesign
Верстальщики не могут испортить настроение дизайнерам, а вот дизайнеры..)) Как подготовить макет к верстке? За что верстальщики не любят дизайнеров? Часть 2 На этот раз про медиа-запросы в адаптиве
0:00 - как устроены медиа-запросы
7:26 - смотрим реальные примеры
Наши чатики в дискорде - / discord
Обучение - alexeybychkov.study/
Мои цитаты -
💰❤️ Поддержать канал:
/ @alexeybychkov_
бусти - boosty.to/alexeybychkov - русский интерфейс, рубли
патреон - / alexeybychkov - английский, доллары
Подглядывать за мной можно тут:
👉 Инстаграм: / alexeybychkov_
👉 Беханс: www.behance.net/alexeybychkov_
👉 Телеграм: t.me/dsgn_tips
👉 Фейсбук: / dsgn.tips
👉 Твитор: / _alexeybychkov
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••
Меня зовут Алексей и я веб-дизайнер фрилансер из Минска. Мне в районе 36 лет, женат на прекрасном человеке и у нас две прекрасные дочки. Работаю на лучшей бирже в рунете - Weblancer.net. И делаю это хорошо, чего скрывать =) Ведь я люблю свою работу (уже 17 лет) и всех своих заказчиков. На этом канале делюсь опытом, рассказываю про всякие детали работы веб-дизайнером на фрилансе. Тут будет не только теория про веб-дизайн, но и много практики в фигме и фотошопе!
Подробнее обо мне - alexeybychkov.com/about/
17 лет опыта - alexeybychkov.com/experience/
Пишу - alexeybychkov.com/blog/
Дизайню - alexeybychkov.com/cases/
Отзывы - clck.ru/K5Mcc
Мои книги:
«Дизайн и фриланс. Начало» - clck.ru/JE8ku
«Дизайн и фриланс. Новый уровень» - clck.ru/JE8jT
Хелп по Фигме: уроки, видео, советы, фишки - figma.help
Мир фейсов: faces.world/
#figma #фигма #фотошоп #photoshop #дизайн #design #фриланс #freelance
Спасибо за вашу активность!
Подписывайтесь в ТикТоке www.tiktok.com/@alexeybychkov_
Наконец-то в 4К видеоролики, спасибо большое! 😊
Как же круто, что ты шаришь не только за дизайн, но и за принципы верстки!
Спасибо за просмотр)
Работаю тим лидом и это те вещи, о которых постоянно говорю ребятам. Особенно пригорает, когда меняют высоту кнопки, было 50, а стало 48 в мобилке, например. Просто скину твой ролик, чтобы не повторяться 1000 раз, спасибо тебе за полезный контент!
спасибо)
Часто в каких-то чатах по UX скидывают ссылки на канал Алексея, что-бы люди смотрели и понимали, что нельзя плодить медиазапросы.
Огонь
Верстальщики тоже люди!
P/S: На роликах Алексея больше узнаю, чем на платных курсах всевозможных скилбоксах )
очень рад)
Ахахах, жизааааа, это на самом деле так😂👍
Да, курсы найти прямо хорошие сложно, Алексей конечно все что сам применяет в работе делится с нами. Прямо ооочень повезло что такой контент есть.
да, крутяк
Я пришла на твой канал уже после курсов скилбокс, их благодарить можно лишь за то, что я наконец поняла чем мне нравится заниматься, но реальные знания я черпаю у тебя, смотреть их обучающие уроки после твоих без руки на лице невозможно)))) Спасибо за твой труд.
очень рад, что нравится! :)
Вот теперь я понимаю, почему ты нам так много внимания уделял про повтор размеров, отступов и т.д на обучении! Как же это важно не только для восприятия, но и для верстальщика! очень полезно!
Вот именно!
Хорошое утро, не просто пролежал 20 минут залипая в Инстаграме, а посмотрел этот классный и информативный видеоролик👍😄
супер)
я знала, как выглядит код и, как верстать, но никогда не думла, что это настолько взаимовязано, что даже стало самой интересно опробовать верстку
звучит как план
Алексей, спасибо огромное за твой труд. Жду с нетерпением следующие видео по этой наболевшей теме!
Спасибо за просмотр)
Алексей бесплатно выдает больше чем некоторые курсы за 100к. Алексей Вы молодец.
нее, ну платный контент у меня тоже есть))
На платные денежка нужна ))) пока только осваиваем профессию. Как заработаю на колбаску вот там и можно подумать о повышении квалификации.
Спасибо большое за твой труд!!! Спасибо, что учишь думать и о верстальщиках. Раньше тоже думала, что каждый раз надо всё уменьшать 😅
Спасибо за просмотр)
Очень классный ролик, по полочкам четко и быстро про медиазапросы. Спасибо, что объясняешь понятно и нескучно. От тебя узнала про медизапросы и что за этим нужно следить, а не плодить пиксели.
Спасибо за просмотр!
Офигенный ролик! Спасибо, Алексей! С нетерпением жду следующее видео из этой серии.
ну класс)
Круто! Очень здорово, что показываешь всё на реальных примерах, так информация быстрее усваивается и переспрашивать не надо) спасибо за полезности! 😉
пожалуйста)
Как всегда, ролик наполнен позитивом и полезным контентом, а что еще нужно для счастья!)
Спасибо за просмотр)
Кстати да, очень жду 3 часть про фотки😍😍😍
И я жду 😅
С утра пару Ваших видео и день прошел не зря. Верстальщики тоже люди.
О, круто)
Верстальщики тоже люди! Даешь свободное время для верстальщиков!
Спасибо за просмотр)
Просто офигенное и полезнейшее видео ❤❤❤
супер 🎉
Леш, ты как всегда лучший. Спасибо за полезную информацию!
ого, давно не виделись) пожалуйста!
Алексей, тема очень интересная и полезная. Было бы очень здорово увидеть серию видео в принципе о корректном дизайне, который вызывает минимум вопросов у верстальщиков. Особенно актуальна эта тема для дизайнеров, еще не изучивших верстку и постоянно сталкивающихся с "выяснением отношений" с верстальщиками. Одна из самых актуальных тем в принципе на мой взгляд! Ждем новых видео по этой теме!)
Спасибо за просмотр)
В платных курсах, которые проходила, не было практически никакой информации касательно передачи макета на вёрстку, поэтому в очередной раз спасибо за такой полезный контент! 🔥
Верстальщики тоже люди :)
пожалуйста)
Классная инфа, особенно было мне полезно про отступы, оказывается они тоже могут быть одинаковыми)))
рад, что полезно
Вау! Супер полезное видео, спасибо! Открыла для себя массу полезной информации, теперь буду стараться контролировать медиа-запросы, а не делать как учили "если макет уменьшается, уменьшаем все в нем"
Ничесе, так даже учил кто-то)
Верстальщики тоже люди (кто бы мог подумать). Спасибо,что рассказываете о таких важных моментах в работе!
Спасибо за просмотр)
Спасибо! полезная и важная информасьон!! А когда новое видео про картиночки? Ощущение, что жду серию нового интересного сериала)🤣
😀☺️ Наверное ролика через 3-4
@@alexeybychkov_ очень жду и надеюсь ждать осталось недолго, потому что уже 5 роликов вышло😉
Спасибо, Леша! Как всегда все четко и по делу, с юмором.
Будем стараться освобождать время верстальщикам для PS😊
Да! 🎉
Спасибо что осветили этот вопрос, не имея опыта мне было важно начать с самого начала и правильно!
Пожалуйста)
Это должен знать каждый дизайнер)) Полезное видео, спасибо!
тоже так думаю)
Очень полезное видео! Больше нигде такому не научат🔥
Как делать адаптивы и чтобы верстальщики на руках носили🤌
Спасибо!
И я так думаю))
Очень полезно! На курсе по вебу, который я заканчивала, вообще не слова про это не говорили. Спасибо, что делишься опытом.
пожалуйста!
Верстальщики тоже люди!
Лёша, так повезло, что ты освещаешь и вопросы верстки, учишь нас делать так, чтобы потом и перед верстальщиками стыдно не было))...Я просто пробовала интересоваться у нашего программиста, всё ли хорошо в макетах, которые я передаю в верстку, может быть есть вещи, которые я делаю неправильно и его это подбешивает, но он такой у нас тихоня, сложно из него вытащить даже пару слов, ему проще сказать, что всё ок)).. Поэтому, спасибо тебе, Лёша большое, что рассказываешь такие полезные вещи👍👍
пожалуйста! дело полезное!
Видос зашёл под попкорн на ура! если бы в универе тоже так интересно и доступно доносили темы, я бы из него не вылазила... А пока не хочется вылезать из мира дизайна в который я погрузилась благодаря тебе! спасибо !
Круто) рад, что нравится!
Спасибо огромное! отличный ролик!!!! Как всегда лучший контент в TH-cam!
спасибо) 😊
13:20 какой отличный наглядный пример как делать не надо. Это сто процентов надо увидеть всем, потому что по незнанию такого наворотить можно))
💯
Класс! Теперь понятно, что такое медиа-запрос)
Супер!
Боже мой, сколько инфы в одном видосике...🤤
Ну))
Сколько полезной информации, мне прям нравится впитывать все эти знания! спасибо!!!
пожалуйста)
Ну что сказать, что добавить ко всем дифирамбам, которые тут в отзывах уже есть, ко всем присоединяюсь 🤩Действительно, очень полезная информация, спасибо! 🤗
Очень рад!
Ещё не посмотрела, но лайк влепила ))) Как будет время, все видео посмотрю)
спасибо))
@@alexeybychkov_ Это тебе спасибо )
Очень полезные примеры, и круто, что ты рассказываешь про вёрстку - шикарный ролик!
а какой пример больше всего понравился?
важный информасьон))Класс, как всегда всё самое полезное))
Ну класс)
Классно! Даже и не задумывалась о некоторых нюансах до этого! Спасибо, что показываешь на реальных примерах, потому что даже в начале было не совсем понятно, а на реальных макетах сразу все разложилось по полочкам :)
🥳
Спасибо за видео. Очень информативно, как всегда)
И тебе спасибо)
Классный ролик!!! Позитивно , просто и понятно. Спасибо!
супер)
Полезно! Жду следующую часть!
спасибо за просмотр)
Спасибо за видео, ждём следующее)))
спасибо за просмотр)
Я сейчас только изучаю веб-дизайн на онлайн курсах и очень рада, что нашла Ваш канал вовремя )) на курсах о таких нюансах не рассказывают, а так в учебных работах теперь буду учитывать все Ваши советы, чтобы уже на автомате все это происходило.
ага, деньги платим там, а учимся здесь)
Спасибо за видео) Не знала раньше, что такое медиазапросы) Теперь буду думать и о верстальщиках, они же тоже люди))
🥳
Спасибо! Все максимально четко объяснил!
пожалуйста!
Спасибо за познавательное видео на примерах!
Ждем 3-ю часть про изображения )
пожалуйста!
Одобряю видео)) Я для себя делаю макеты и потом по ним же и верстаю) И да, это круто, когда медиа запросов минимум выходит
ну класс!
Спасибо за советы, классно, что показываешь на реальных примерах, так проще понять и запомнить))
Пожалуйста!
Алексей, все хорошие дизайнеры из различных чатов часто вас хвалят)). Не попасть на ваш канал невозможно)
Круто) очень рад!
Очень полезный ролик! Спасибо! Про изображения очень-очень нужен🙏🏻
Очень рад!
Отличный ролик 🔥 Круто когда показываешь все на конкретных примерах)
Спасибо за просмотр)
Спасибо, Леша, очень полезная инфа, как и всегда!
пожалуйста!
Я прямо не успеваю за контентом, и это очень круто🔥 Спасибо за качество и позитив!
Пожалуйста))
Вооо, теперь по полочкам. Не плодить неоправданные изменения. Спасибо ❤
пожалуйста!
Благодаря твоим видео про взаимодействие с верстальщиками, появились знания и грамотность как лучше делать и поступать) Спасибо ещё раз))
Думаю завтра новый ролик из этой серии записать
@@alexeybychkov_ Круто!!)) Буду ждать)
Супер-информация! Я все записала, теперь запомню, что даже все отступы надо проверять )))
Отличный план))
усвоила суть медиазапросов, раньше даже не думала о таких мелочах) буду учиться не повторять своих ошибок!
супер!
Алексей, ты лучший! Любимый дизайнерский канал эвэр) Спасибо за полезности
ееее супер))
Верстальщики тоже люди!!! Спасибо что открыл глаза!🔥
пожалуйста!
жесть, в жизни бы не догадалась до этого, суперская инфа. Пуляю лайки))
спасибо)
Очень полезное видео! Спасибо, как всегда всё понятно объясняешь ещё и с примерами 🙂
Спасибо за просмотр)
После просмотра ещё раз выписывал для себя ещё много всего полезного 💯
Ну класс)
Вставки в конце видео - это отдельный вид искусства от Лёши)))
😄
Согласна, изменения должны быть оправданы!
супер)
Огонь, позже гляну макет и буду смотреть у себя такие нюансы . Ускоряем не только свою работу, но и другого человека :)
отличный план)
Спасибо за видео, познавательно! Верстальщики то же люди😊
💯
Было интересно, а главное полезно снова рассмотреть дизайн с точки зрения верстальщика. Спасибо за эту серию роликов :) Да и в целом за то, что готовишь для нас разнообразный контент - скучать не приходиться!
это всегда пожалуйста!
Верстальщики тоже люди))) спасибо тебе! Вот это контент)))Не перестаю восхищаться)))
❤️🥳🎉
Спасибо,Леша! Все очень доступно объяснил!✌
пожалуйста)
эта для меня вообще новая информация и все очень подробно,спасибо)!!
Спасибо за просмотр)
Алексей, вы и ваш контент просто космос!
Очень рад!
да, хотим еще ролик из этой серии роликов!
☀️
Спасибо за такое подробное объяснение с наглядными примера🤗 Стало всё на свои места👍🏻
Спасибо за просмотр)
Ухххх ты супер полезно)) знать про верстку лишним не будет))
тоже так думаю!
Было интересно! Теперь надо на практике применить)
супер!
спасибо, думаю после ролика и обучения верстальщики тоже скажут спасибо 😁
Заучит как план!
Так интересно, спасибо. На прошлых моих курсах нас этому не учили, видимо, не сильно заботились о труде верстальщика.
На многих курсах и о дизайнерах не заботятся 😀
Конечно, верстальщики - тоже люди 😄 Спасибо за полезный контент!
пожалуйста!
Круто!!! Благодарю за полезный контент!!!❤
Ну класс
Спасибо! Пересмотрела этот ролик, многое записала себе, какая же полезная информация! ❤
пожалуйста!
будем учиться экономить время верстальщиков)) спасибо! 🚀🚀🔥🔥
Отличный план!
Спасибо, что делишься ценнейшим опытом, до которого можно доходить годами. Твое обучение ускоряет процесс раз в 10! Инфа 100%
этош пожалуйста)
Спасибо за такие полезные советы и наглядные примеры!
пожалуйста!
Обожаю ролики от Алексея, полезный и разный контент)
рад, что нравится!
классный ролик!) Получается, чем меньше медиа-запросов, тем больше счастливых верстальщиков😄
именно так!
Огонь! Благодаря вам, проверила свой макет раз 100!
Рад, что полезно!
Как всегда все чётко и по делу, да ещё и с прекрасным чувством юмора, спасибо за видео!))
пожалуйста)
благодарю! те самые 20 мин, которые мне были необходимы) жду следующие видео на эту тему! (и не только)
спасибо за просмотр)
ФилХуг!) Здорово, что теперь есть понимание, как лучше будет и дизайнеру, и верстальщику! Спасибо!
ну класс)
Как всегда информативно и полезно! 👍
очень рад!
Спасибо,много новой информации для себе узнала!
Супер! Пожалуйста!
Это обязательно должны знать все дизайнеры!) ну и верстальщики ведь тоже люди))
снова куча полезной инфы, спасибо!
спасибо за просмотр)
очень полезный материал, продолжай в том же духе)
☀️
Полезный ролик, правильно, верстальщики тоже люди)) будем о них заботиться, спасибо за подробное видео, да ещё и с примерами, кайф !!))
ну класс)
Очень полезная информация, спасибо за такой контент!
супер