ты забыл добавить, что изначально разметку желательно под мобайл делать, а потом расширять(хотя наверное этот материал лучше сделать отдельным видео с примером). Материал хороший, но про бутстрап вы зря, если проект не сложный и не большой, я бы выбрал бутстрап, быстрый код никто не отменял), тем более если заказчик не против
@@СергейДемин-г5в про mobile first в видео я говорил. Использовать что то или нет дело каждого. Я даю советы на основе 12ти летнего опыта работы на фрилансе. Можно принимать совет, а можно нет))
@@СергейДемин-г5в я для быстрых не сложных проектов свою сетку написал, плюс кое какие плюшки js как итог только в сетке вместо трёх с лишним тысяч строк вышло всего 450 (без учёта минификации инфа) , а это как понимаешь жирный плюс к скорости загрузки. На написание и тестирование своего мини фреймворка ушло чуть больше 2х часов. Как-то так
прежде чем писать восторженные комменты, попробуй реализовать на практике всё что этот балабол тут нарасказывал. Вот если получится, в чем я сомневаюсь, вот тогда и будешь что-то писать.
@@AlejandroFedorov на самом деле это слишком тяжело сделать самостоятельно. Если все повторять за видосом то офк повторишь, но как начать верстать самостоятельно не понятно(
@@AlejandroFedorov а как иначе учиться? Здесь рассказывают основы, без которых ты далеко не уйдёшь, а уже применение этих основ зависит только от тебя и если ты не понимаешь как это реализовать, то наверное дело в тебе? Как упомянули ранее: "не все такие тупые"
@@FreelancerLifeStyle Спасибо огромное за канал и Ваши видео. Учусь по Вашим роликам. Веб-дизайн освоила на курсах, а вот с версткой вышли консультации больше. Сейчас по Вашим роликам узнаю больше чем на курсах. Спасибо огромное за Ваш труд
Новичкам рекомендую по истечении времени пересматривать видео-уроки Евгения, подчерпнете много нового что упустили при первом просмотре. Евгений Вам спасибо за труд.
И дело даже не в том, что информация прекрасно подана, а для меня пожалуй важнее человечный человек несущий знания, воплощающий на практике: "Счастья всем и за даром и пусть ни кто не уйдёт обиженным!" Стругацкие - "Пикник на обочине" Такие люди возвращают во мне потерянную веру в человечество. Спасибо)))
Вот это ты залепил!!! За неполных 40 мин. гора полезной инфы. Многие из нас, новичков, дни тратим, чтобы разобраться в таких нюансах... А здесь всё коротко и по теме! Спасибо!
хочу описать свою благодарность тебе как учителю, но честно говоря, не могу найти подходящих слов, одни эмоции:)) На столько всё КРУТО! Я считаю, все кто обучаются по твоим видео, обязаны тебе мат. поддержкой твоего канала, в том числе и я. Конечно же, после того как учёба даст свои плоды;) ОГРОМНЫЙ ЛАЙК Жека!:) Цены тебе нет!
Начинал смотреть эти видео, когда пришел на первую работу. Прошло уже три года, я дорос до мидла, и все равно их пересматриваю по необходимости (на работе почти не верстаю и всякое забывается). Женя, Спасибо тебе за твой труд сквозь года.
Просто "ВАУ!".. Спасибо огромное за отлично сделанную работу, проходил онлайн-курсы у одних товарищей, которые сейчас много где на слуху, сколько бы не морочился с их видео и вопросами к "наставникам" всё опять ссылалось на возвращение к пересмотру видео с практикой, а тут всё не просто кратко, а ЛАКОНИЧНО, что сейчас крайне большая редкость, попросту 0 воды, я даже удивился что прошло почти 40 минут, так как у конкурентов пришлось бы потратить часов 6 и то, не факт что помогло бы (ведь не просто так я попал сюда).В общем, ещё раз благодарю за сделанную работу, видео сохраняю к себе и подписываюсь, потому что только после Вас смог свои сразу 4 макета превратить в полностью отзывчивую верстку на разных устройствах, над которыми морочился неделями и задавал все значения отдельно каждому медиа запросу, пока не сдался и, к счастью, попал сюда. Удачи в развитии канала, добрейший человек!
@@Prichuks Да никак!:) Я человек такой который меняет увлечения как носки, вчера интересовался фронтом, а сегодня уже во всю погрузился в 3д моделирование) Я не удивлюсь если через месяц буду учить ui/ux и херачить дизайн) Беру от жизни все что могу, зачем сидеть на месте?
Одно только выражение: "Живи, а работай в свободное время" меня мотивирует. Спасибо за уроки, очень информативно. За неделю уже научился неплохо так понимать что к чему и верстать небольшие простенькие сайты.
@@ВсеволодХрусталев а ты чего достиг за 5 месяцев просто занимаюсь 4недели, интересно узнать уже фрилансишь? Сколько зарабатываешь и какие сайты делаешь
Потрясающее видео про адаптивность. Все четко и разложено по полочкам. Очень полезная фича про вложенность медиазапросов внутрь селектора - код становится более понятным и читабельным. Спасибо за такие видео!
Бомбезний ВідеоУрок!!!! Величезне Вам Спасибі за Весь Цей Океан Вашого Безцінного Особистого Досвіду , здобутого "потом та кров"ю" !!!! Респект Величезний!!!
Самый лучший курс! Слава Богу, что встретила не через какое-то время когда уже плюнешь и бросишь заниматься. Я первый раз сайт делаю. Так всё понятно излагаешь, а не так чтобы специально непонятно. Спасибо большое! Буду рекомендовать!
и теперь я понял почему это видео №1 в выдаче по запросу "адаптивная верстка" . А я всем бутстрап советовал использовать а тут делов то . эх... не буду оправдываться просто сделаю ролик как делать адаптив без бутстрапа. Жека. Респект тебе , ты просто перевернул игру в мире верстке на Ютубе!!!
Если честно, я в полном шоке! Так шикарно подать материал, кратко, по делу, но очень понятно и развернуто. После роликов, длинной в 4 часа и разговоров ни о чем, это прям, как глоток свежего воздуха. Спасибо огромное за ваш труд!
Спасибо вам за подробное описание медиа запросов. Долго не могла понять почему они не срабатывали у меня, но благодаря вашему объяснению все круто получилось!
Боже Жень, спасибо тебе большое!) Каждый день расту и понимаю все больше и больше! Это самое крутое ощущение в жизни. Понятно что это не середина и возможно даже не начало пути, но уже ловлю дикое удовольствие, когда заставляю что то работать так, как хочу :D
Такие занятия я бы смотрел и смотрел! И снято и смонтировано круто, это помимо того, что сам контент на цену золота! Спасибо огромное и отдельное за домашку !!
Только начал этим заниматься. Сверстал пару макетов и разговор зашел про адаптивность сайтов. 2 дня я курил ману и не понимал, что и как делать и тут этот видос. Привет из Алматы автору и крепкого здоровья в такое время)
Дорогой, спасибо тебе, качество 150%, пользы 10000%, ты очень крутой особенно в этой ниши, тебя не скучно и не занутно смотреть, все по факту не какой воды, ты просто золото, уважуха тебе и огромный респект)
@@FreelancerLifeStyle сегодня шаблон верстал использовал meta content="width= 1300", затем попробовал написать @media для div, но он не сработал, это из-за этого "meta content="width= 1300" "???
Первое видео, которое посмотрел на канале. Учился сам, мучался, искал годный контент, посоветовали разобраться с Бутстрапом. Скачал, посмотрел обучалку и подумал: "Что это за костыли такие, неужели нельзя такую фигню руками сделать?". Залез на Ютуб с соответствующим запросом - БАМ Жекино видео "Вам не нужен Бутстрап!" И понеслось :)
Фрилансер, благодаря тебе у меня теперь есть представление, что представляет из себя адаптивная верстка. Очень доходчиво и подробно рассказал. Спасибо тебе!
Всё-таки не поленюсь и напишу тебе этот комментарий, потому что заслужил: Очень помогает, когда ты подробно объясняешь всё и повторяешь по несколько раз (чтоб догнали). Да и то, как ты относишься к своему делу - похвально. Визуально всё выглядит крайне качественно и уютно! Хотелось бы побольше видео про вёрстку и лэндинг (по возможности) - с чего начать и чем закончить. Ты большой молодец, повторяй в том же духе. Поверь, твой труд ненапрасен! P.S. какой плагин добавляет линии на строках кода (если работаю на VS Code)?
не думал что все так просто, спасибо тебе огромное за высокую информативность и классную подачу, жду когда шаблоны с уроков будут доступны и простым смертым)
Пересмотрел столько всяких кучей по вëрстке, и в основном адаптивной. Часов так на дофигилион насмотрел. Но за эти 36 минут узнал столько нового и полезного. Спасибо тебе, мил человек. Где ж ты раньше был? Ну или я где был?))) Спасибо, Друже!!!
Классные точные советы без всякой воды и мусора. (и нормальным русским языком без всяких непонятных "умных" сокращений"). ЛАЙК! Никогда не любил (и не люблю) пользоваться готовыми решениями типа ЦМС и ФреймВорков, и еще ни разу ни один дизайнер не сделал так, как я хочу и вижу. А вот использование таких маленьких хитростей.... по сути сами себе делаем удобный фреймворк. Ещё раз нахожу, и видео тому подтверждение, что хочешь сделать хорошо - сделай это сам. Еще раз лайк.
Привет Жека! Невероятно полезный контент. Пересмотрел кучу всяких тюториалов но ни в одном не было такого простого и понятного объяснения адаптивной верстки как у тебя. В следующих выпусках пожалуйста объясни подробнее о флекс баксе и флекс гриде. Это было бы супер!! Спасибо! Продолжай в том же духе!
Жека, Привет из Барсы !!! Респект и уважуха за твои выдосы. Твои обьяснения СУПЕР понятны, НО !!!! Несколько раз повторно попадал на твои видео что уже смотрел раньше, и заметил, что опять узнал что то новое что пролетело мимо моих ушей раньше. По чуть чуть пересматриваю снова. Спасибо ОГРОМНОЕ !!!! Здоровья , удачи и процветания !!!! Закончится карантин, будешь планировать поездку в Барсу, соообщи. Удачи !!!!
Женя Спасибо. Прям глаза открылись) реально вспомнил ваши слова про то что бесплатный контент бывает лучше чем платный. Кидаю донат. Спасибо вам большое за качественный контент и то что делитесь своими знаниями
О боже! Как всё просто рассказано, а ведь на входе я готовился к сложным структурным завихрениям, подключаемым библиотекам и прочим усложнениям... И как я раньше жил, не зная про макеты размеров в Яндекс.Браузере. Дай бог тебе здоровья, автор! P.S. Комментарий получился очень уж набожным, но это потому что эмоции переполняют :)
Спасибо Жека за твои труды!!!! Я иногда пытался смотреть другие видео по верстке учебные не ложатся они мне в мози и уши, а твои видео это реальный учебник (все доходчиво о сложном) еще раз огромно спасибо, не перестаю учится и только с тобой.
Я просто в восторге. Столько работы проделано автором. Впервые вижу настолько доступную и прекрасно поданную информацию. Подписался и впервые выставляю колокольчик, именно на вас!
Очень круто. Как для начинающего web-разработчика прямо приятно, когда такие обучающие материалы выкладывают. Да еще и в свободном доступе. Большое вам спасибо.
Спасибо за видео😉 вы мне очень помогли, можете в следующем видео сделать про добавление сайта в поисковики думаю многим это интересно я уже долго ищу про это информацию, но не понимаю. Спасибо за видео ты лучший 👍🏻
эх... где ж ты был, когда я свой первый сайт на бутстрапе делал... так намучался с адаптивом, а щас просмотрел и вообще как-то слишком легко. теперь вообще не особо вижу смысл в бутстрапе. Спасибо!
@@nikitak7602 Скорей всего ему мешало всеобщее нытьё о том, что без бутстрапа никак и никуда. Помню это хорошо. Все вокруг твердили об необходимости учить бутстрап. Настаивали просто. Ох и насмеялся я тогда. Вот и ягодки пошли. Оказывается, что можно и без библиотек! Жду теперь, когда начнут разбивать в пух и прах ждейквери. Тоже будет ржака!
Огромное спасибо за подробное, понятное и в спокойном темпе объяснение. Также отдельное спасибо, что все показываете через код, что очень удобно для восприятия и запоминания.
вот только бутстрап это далеко не только ограниченный по ширине контейнер а и куча полезных плюшек "из коробки", да и то, что было написано в данном уроке для контейнера не является сеткой, сетка - это col-xs col-sm и тд а контейнер лишь внешний ограничитель, но в целом мысль верная, бутстрап тяжеловат и если на сайте можно обойтись без него, стоит это сделать
Я вот учусь в платном курсе, и там не рассказано этого, которого ты объяснял, спасибо тебе большое ты бы знал как ты помогаешь мне, здоровья тебе и твоим родным! Уважаю и люблю тебя!!!
огромное пламенное спасибо! недавно делала адаптив, плохо получалось, мало годной инфы, размеры для медиа запросов не могла найти, пришлось читать про ppi устройств и куда-то закапываться, в итоге друг подсказал как сделать, а ведь могла видео ваше посмотреть, как и делала раньше, нужно взять за правило в любом непонятной ситуации смотреть ваши видосы, а не гугл поиском пользоваться по привычке
йо, видос классный, но пару вопросов: 1) почему ты верстаешь в пикселях, а не в процентах? проценты же дадут больше адаптивности, нет? 2) почему ты не говоришь об MDN, если не рассказываешь о всех вариантах применения медиа-запросов? спека же всегда важна, тем более, что она очень хорошо написана на русском
Стоит. Там учить особо и нечего. Объясню главную идею bootstrap. Допустим, тебе нужно сделать блок карточек товаров, чтобы на большом экране они располагались в 3 колонки, на среднем в 2 а на мобилках в 1. Как ты это сделаешь? Скорее всего, ты в CSS создашь класс, пропишешь ему правила, настроишь медиазапросы с правилами, и т.д. И я так сделаю. И ещё тысячи так сделают. Так почему бы не создать подобные классы для типовых задач, чтобы просто указывая класс элементу сразу получить нужное поведение? Поздравляю, вы только что изучили bootstrap. Дальше только конкретные названия классов, которые добавляют то или иное поведение, которые прекрасно расписаны в документации.
@Имя Фамилия в видео тоже самое сделано несколькими строками и одним классом container. Дальше только менять по дизайну, а не как прописано в бутстрапе. Заказчику пофиг что там написано)
@@VladimirKrygin-j4d Та не боюсь я этого. Вопрос в другом. Если передо мной стоит задача подключить гору библиотек, написать за их счёт пару строчек и неоправданно нагрузить сайт, или самому написать 20 - 40 строчек, я выбираю второе, я выбираю хардкор. Это во-первых. Во-вторых, натив меня развлекает. Прикольно, знаешь ли, посидеть поломать голову, если столкнулся с чем-то неведомым. Но это я действую по такой стратегии только для себя, в своих проектах. На фрилансе там конечно временные рамки и такой подход провален.
Офигенская видосина. Наиоптимальнейшее решение композиции. Помню как я считал что весь сайт в таблицу помещал, был приверженцем отзывчивой вёрстки с минимальной шириной типа ну прокручивай в бок, что такова.
вот бывает, когда тупо нет слов, дядь, вот не просто спасибо, а спасибище тебе, я многое знал, но некоторые приемы забрал к себе, это не просто познавательный контент, это надо показывать всем кто решит пойти учиться, мне страшно говорить, но такие видео и бесплатным это клад в интернете, пасиб большое в очередной раз, не устаю писать слова благодарности!
Ценю твой ЛАЙК и КОММЕНТ!
Содержание:
00:00 - Вступление
01:05 - Подходы к верстке
01:30 - О контейнере
03:01 - Фиксированная верстка
06:46 - Отзывчивая верстка
11:52 - Адаптивная верстка (тебе не нужен Bootstrap)
17:29 - Отзывчиво адаптивная верстка
19:50 - Какой тип верстки использовать
20:34 - Медиа запросы
28:05 - Mobile First
29:00 - Хорошие практики адаптива
36:13 - Домашнее задание + макет
Получить доступ к плюшкам + поддержать канал: www.patreon.com/freelancerlifestyle
Telegram канал: t.me/freelancer_lifestyle или teleg.run/freelancer_lifestyle
Telegram чат по верстке: t.me/flschat (teleg.run/flschat)
Instagram: instagram.com/freelancer.lifestyle/
Facebook: facebook.com/freelancerlifestyle/
Привет, возможно не по теме, но хотелось бы узнать про Responsive в Chrome это расширение или что та другое ?
ты забыл добавить, что изначально разметку желательно под мобайл делать, а потом расширять(хотя наверное этот материал лучше сделать отдельным видео с примером). Материал хороший, но про бутстрап вы зря, если проект не сложный и не большой, я бы выбрал бутстрап, быстрый код никто не отменял), тем более если заказчик не против
@@СергейДемин-г5в про mobile first в видео я говорил. Использовать что то или нет дело каждого. Я даю советы на основе 12ти летнего опыта работы на фрилансе. Можно принимать совет, а можно нет))
@@СергейДемин-г5в я для быстрых не сложных проектов свою сетку написал, плюс кое какие плюшки js как итог только в сетке вместо трёх с лишним тысяч строк вышло всего 450 (без учёта минификации инфа) , а это как понимаешь жирный плюс к скорости загрузки. На написание и тестирование своего мини фреймворка ушло чуть больше 2х часов. Как-то так
@@FreelancerLifeStyle Спасибо благодаря вам я понял свои шибки скажите вас можете сделать разбор моей вёрстки и моего адапива.
Он еще и домашку дает. Боже храни этот канал! Куча годной инфы. Один из тех самых моментов, когда алгоритмы ютуба не подвели!
Только из за этого комента посмотрел видос)))))))
прежде чем писать восторженные комменты, попробуй реализовать на практике всё что этот балабол тут нарасказывал. Вот если получится, в чем я сомневаюсь, вот тогда и будешь что-то писать.
@@AlejandroFedorov на самом деле это слишком тяжело сделать самостоятельно. Если все повторять за видосом то офк повторишь, но как начать верстать самостоятельно не понятно(
@@AlejandroFedorov злая обиженка, которая не может принять информацию и применить её, не говори за всех. Не все такие тупые
@@AlejandroFedorov а как иначе учиться? Здесь рассказывают основы, без которых ты далеко не уйдёшь, а уже применение этих основ зависит только от тебя и если ты не понимаешь как это реализовать, то наверное дело в тебе? Как упомянули ранее: "не все такие тупые"
Ты хоть представляешь, насколько ты всем помог?! Уважение тебе за такие старания.
Надеюсь помог! Спасибо! 🤘👍
@@FreelancerLifeStyle делаю сейчас сайт для финального проекта курсов. Буду использовать ваши советы из видео. Спасибо!
@@FreelancerLifeStyle Очень 🤝
@@FreelancerLifeStyle скинь код
@@Кира-ы4с код
Это совершилось!!...на конец то годный видос про адаптив!
Спасибо!
@@FreelancerLifeStyle А у меня не работает
@@FreelancerLifeStyle Спасибо огромное за канал и Ваши видео. Учусь по Вашим роликам. Веб-дизайн освоила на курсах, а вот с версткой вышли консультации больше. Сейчас по Вашим роликам узнаю больше чем на курсах. Спасибо огромное за Ваш труд
Новичкам рекомендую по истечении времени пересматривать видео-уроки Евгения, подчерпнете много нового что упустили при первом просмотре. Евгений Вам спасибо за труд.
Это так не работает)
@@GamerGDS не говори за всех)
И дело даже не в том, что информация прекрасно подана, а для меня пожалуй важнее человечный человек несущий знания, воплощающий на практике: "Счастья всем и за даром и пусть ни кто не уйдёт обиженным!" Стругацкие - "Пикник на обочине"
Такие люди возвращают во мне потерянную веру в человечество. Спасибо)))
Спасибо! Рад что полезно!
Как круто, что ютуб мне порекомендовал этого человека! один из лучших учтилей по вёрстке, что я встречал! спасибо, что там понятно всё описываете
Пожалуйста! Рад что полезно!
Скинь код
@@FreelancerLifeStyle скинь код
Ну наконец то появился нормальный учитель и объяснил простым языком на примерах, адаптив. Все по делу и без всякой слизи. Так держать!!!
Вот это ты залепил!!! За неполных 40 мин. гора полезной инфы. Многие из нас, новичков, дни тратим, чтобы разобраться в таких нюансах... А здесь всё коротко и по теме! Спасибо!
Спасибо! Еще есть что рассказать уже более подробно и на примерах, но общую информацию постарался изложить)
хочу описать свою благодарность тебе как учителю, но честно говоря, не могу найти подходящих слов, одни эмоции:)) На столько всё КРУТО! Я считаю, все кто обучаются по твоим видео, обязаны тебе мат. поддержкой твоего канала, в том числе и я. Конечно же, после того как учёба даст свои плоды;) ОГРОМНЫЙ ЛАЙК Жека!:) Цены тебе нет!
Спасибо большое! Я очень рад что все это полезно!
Как успехи
@@РасулАлдабергенов-ы8е такой же вопрос)
Начинал смотреть эти видео, когда пришел на первую работу. Прошло уже три года, я дорос до мидла, и все равно их пересматриваю по необходимости (на работе почти не верстаю и всякое забывается). Женя, Спасибо тебе за твой труд сквозь года.
Господи, чтоб вы долго жили. Как же всё понятно🤯❤️
Спасибо! Я рад!
Просто "ВАУ!".. Спасибо огромное за отлично сделанную работу, проходил онлайн-курсы у одних товарищей, которые сейчас много где на слуху, сколько бы не морочился с их видео и вопросами к "наставникам" всё опять ссылалось на возвращение к пересмотру видео с практикой, а тут всё не просто кратко, а ЛАКОНИЧНО, что сейчас крайне большая редкость, попросту 0 воды, я даже удивился что прошло почти 40 минут, так как у конкурентов пришлось бы потратить часов 6 и то, не факт что помогло бы (ведь не просто так я попал сюда).В общем, ещё раз благодарю за сделанную работу, видео сохраняю к себе и подписываюсь, потому что только после Вас смог свои сразу 4 макета превратить в полностью отзывчивую верстку на разных устройствах, над которыми морочился неделями и задавал все значения отдельно каждому медиа запросу, пока не сдался и, к счастью, попал сюда. Удачи в развитии канала, добрейший человек!
Спасибо и пожалуйста! Рад что полезно!
Скинь код
@@FreelancerLifeStyle скинь код
Как же хорошо что я попал сюда, для меня как человека который начал осваивать frontend не канал а драгоценность!
Супер! Я рад!
как там с фронтэндом друг? Как два месяца начал сам и уже по сути заканчиваю осваивать верстку. Как успехи?
@@Prichuks Да никак!:) Я человек такой который меняет увлечения как носки, вчера интересовался фронтом, а сегодня уже во всю погрузился в 3д моделирование) Я не удивлюсь если через месяц буду учить ui/ux и херачить дизайн) Беру от жизни все что могу, зачем сидеть на месте?
@@Prichuks как успехи? Пробовал ли брать заказы на фрилансе?
@@ithinkitsatiger1864 Как моделирование? Раньше тоже моделированием увлекался на недолгое время , в блендере моделировал, а ты как?
Видно, что бескорыстно учит. Просто Женя -- учитель от Бога, он испытывает потребность обучать людей.
Одно только выражение: "Живи, а работай в свободное время" меня мотивирует. Спасибо за уроки, очень информативно. За неделю уже научился неплохо так понимать что к чему и верстать небольшие простенькие сайты.
Я занимаюсь уже 4 месяца. Ты за год чего-то достиг?
@@СергейТаран-и3к а чего ты достиг за 5 месяцев? Я просто всего полтора занимаюсь, интересно.
Скинь код
@@ВсеволодХрусталев а ты чего достиг за 5 месяцев просто занимаюсь 4недели, интересно узнать уже фрилансишь? Сколько зарабатываешь и какие сайты делаешь
@@virtualasylum1 А ты чего то достиг за 2 месяца? Я просто всего 10 минут занимаюсь интересно узнать, уже фрилансишь?
Лучшая годнота что я видел по верстке. Чувак тебе определенно некогда лить воду.
Спасибо!
Потрясающее видео про адаптивность. Все четко и разложено по полочкам. Очень полезная фича про вложенность медиазапросов внутрь селектора - код становится более понятным и читабельным. Спасибо за такие видео!
Пожалуйста! Рад что полезно!
501й коммент)) Жека, у тебя просто дар преподавателя!. Даже слов нет , как тебя ещё назвать)
Спасибо!
Бомбезний ВідеоУрок!!!!
Величезне Вам Спасибі за Весь Цей Океан Вашого Безцінного Особистого Досвіду , здобутого "потом та кров"ю" !!!!
Респект Величезний!!!
Самый лучший курс! Слава Богу, что встретила не через какое-то время когда уже плюнешь и бросишь заниматься. Я первый раз сайт делаю. Так всё понятно излагаешь, а не так чтобы специально непонятно. Спасибо большое! Буду рекомендовать!
Спасибо! Рад что нравится!
Никогда не встречал подобного упорядоченного руководства для создания адаптивности, на ютубе. Спасибо!
Пожалуйста!
и теперь я понял почему это видео №1 в выдаче по запросу "адаптивная верстка" .
А я всем бутстрап советовал использовать а тут делов то . эх... не буду оправдываться просто сделаю ролик как делать адаптив без бутстрапа.
Жека. Респект тебе , ты просто перевернул игру в мире верстке на Ютубе!!!
Спасибо!
Бутстрап это просто набор дефолтных элементов, а делать на нём лучше не потому что иначе нельзя. а потому что твоя вёрстка будет понятнее другим
Если честно, я в полном шоке! Так шикарно подать материал, кратко, по делу, но очень понятно и развернуто. После роликов, длинной в 4 часа и разговоров ни о чем, это прям, как глоток свежего воздуха. Спасибо огромное за ваш труд!
Скинь код
Спасибо вам за подробное описание медиа запросов. Долго не могла понять почему они не срабатывали у меня, но благодаря вашему объяснению все круто получилось!
Боже Жень, спасибо тебе большое!) Каждый день расту и понимаю все больше и больше! Это самое крутое ощущение в жизни. Понятно что это не середина и возможно даже не начало пути, но уже ловлю дикое удовольствие, когда заставляю что то работать так, как хочу :D
Супер! Я рад!
Спасибо большое за твой труд, секономил новичкам несколько дней жизни.
Супер! Рад что полезно!
Замечательно! Вы не только Фрилансер по жизни, но и крутой преподаватель! Большое спасибо за Ваши работы! Дальнейших Вам творческих успехов! Леонид
Пожалуйста! Рад что полезно!
Мужик, ты на вес золота, ей-Богу. Объясняешь по факту за "спасибо" в миллионы раз лучше преподов на разных курсах.
Скинь код
1 слово: умничка! Реально, без воды, понятно, конкретно и суть! Спасибо. Подписался.
Пожалуйста!
Жека, Ты просто находка для новичка такого как я. Начал заниматься по твоим урокам - просто бомба, рэспэкт и уважуха !!! Держу курс на Тебя !!! )
Научился чему неибудь?
Такие занятия я бы смотрел и смотрел! И снято и смонтировано круто, это помимо того, что сам контент на цену золота! Спасибо огромное и отдельное за домашку !!
Скинь код
Очень круто! За подачу и монтаж отдельный респект!
Спасибо! 👍
Только начал этим заниматься. Сверстал пару макетов и разговор зашел про адаптивность сайтов. 2 дня я курил ману и не понимал, что и как делать и тут этот видос. Привет из Алматы автору и крепкого здоровья в такое время)
Спасибо!
Не думав, що один ролик зможе вирішити майже всі мої проблеми, класний ролик
Я от тебя тащусь, превосходная подача материала, от такого оригинального начала чуть не расплакался :D
Спасибо! Стараюсь!
Красава, Жека! Видно, что развиваешься! Классные заставки на видео! Очень сильно помогаешь мне, спасибо.
Спасибо! Стараюсь)
Мужик, честно, как же ты крут! Спасибо за твой труд!
Хорошие практики:
29:09 - viewport. content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"
30:12 - бургер
30:54 - спойлер
32:17 - уменьшать отступы
32:48 - уменьшать шрифт
33:13 - размеры навигационных элементов. Если говорить о конкретике, то 40 на 40 пикселей
34:28 - адаптив изображения
35:18 - группировка в коде (элемент + медиа запрос)
Дорогой, спасибо тебе, качество 150%, пользы 10000%, ты очень крутой особенно в этой ниши, тебя не скучно и не занутно смотреть, все по факту не какой воды, ты просто золото, уважуха тебе и огромный респект)
Спасибо большое!
Это топ видео про верстку. Благослови тебя Господь!
Пожалуйста!
@@FreelancerLifeStyle сегодня шаблон верстал использовал meta content="width= 1300", затем попробовал написать @media для div, но он не сработал, это из-за этого "meta content="width= 1300" "???
Первое видео, которое посмотрел на канале.
Учился сам, мучался, искал годный контент, посоветовали разобраться с Бутстрапом. Скачал, посмотрел обучалку и подумал: "Что это за костыли такие, неужели нельзя такую фигню руками сделать?".
Залез на Ютуб с соответствующим запросом - БАМ Жекино видео "Вам не нужен Бутстрап!" И понеслось :)
Хех, отлично!
Ты лучший!! Евгений продолжай эту работу !! ТЫ НАМ ВСЕМ ОЧЕНЬ НУЖЕН!! ДАЙ БОГ ТЕБЕ ЗДОРОВЬЯ 🔥🔥🔥🔥🔥
Фрилансер, благодаря тебе у меня теперь есть представление, что представляет из себя адаптивная верстка. Очень доходчиво и подробно рассказал. Спасибо тебе!
Информативно, я как человек который знает в его несколько тегов, понимаю куда двигаться дальше.
Супер! Я рад!
P, H1 , DIV))
@@awenn2015 следишь за мной?
Талант автора- он и в африке-талант!
Спасибо!
Заставка с разными размерами экранов СУПЕР! Очень креативно!
Женя, раньше адаптив казался мне страшной вещью, теперь же, все мои страхи развеялись. Большое спасибо за твоё творчество.
Дякую за шикарний випуск, з нетерпінням чекаю контент про адаптив картинок
Дякую, буде!
Чего делаешь? Дякуешь ?)) типа дакаешь но через я?
Всё-таки не поленюсь и напишу тебе этот комментарий, потому что заслужил:
Очень помогает, когда ты подробно объясняешь всё и повторяешь по несколько раз (чтоб догнали).
Да и то, как ты относишься к своему делу - похвально. Визуально всё выглядит крайне качественно и уютно!
Хотелось бы побольше видео про вёрстку и лэндинг (по возможности) - с чего начать и чем закончить.
Ты большой молодец, повторяй в том же духе. Поверь, твой труд ненапрасен!
P.S. какой плагин добавляет линии на строках кода (если работаю на VS Code)?
Спасибо! Я стараюсь)
VS Code по по-моему без плагина можно включить. Будет по нему выпуск.
не думал что все так просто, спасибо тебе огромное за высокую информативность и классную подачу, жду когда шаблоны с уроков будут доступны и простым смертым)
Сколько не смотрю канал Жеки, всегда информация заходит отлично. В преподаватели нужно ему идти! Жить и развиваться - верно подмечено !
Пересмотрел столько всяких кучей по вëрстке, и в основном адаптивной. Часов так на дофигилион насмотрел. Но за эти 36 минут узнал столько нового и полезного. Спасибо тебе, мил человек. Где ж ты раньше был? Ну или я где был?))) Спасибо, Друже!!!
Норм, все доходчиво и понятно, без лишней воды и нудятины))
Лайк + подписка)
Спасибо!
Самый полезный канал по верстке который я видел. Удачи в продвижении. Интересно кто поставил 1 дизлайк
Спасибо большое! Я стараюсь! Ну как же без дизов)
Дизлайк Хауди поставил видимо))
уже 131 дизлайк. Откуда??
Жека вот тебе тема для "как это сделать" - слайдер, какой-нибудь не очень сложный с минимумом js. Думаю многим будет интересно.
Да, будет, спасибо!
Navigator UA залайкайте в топ
slick слайдер топчик
дык, слайдер даже с 3d эфектами на голом css можно запилить на изи без js (от слова совсем без js)
А можно пожалуйста слайдер на ванильном Js, без всякой дряни вроде jQuery, slick, qodeSlider...
Нет слов, просто, без лишних слов все понятно. Вы супер!
Я рад!
Классные точные советы без всякой воды и мусора. (и нормальным русским языком без всяких непонятных "умных" сокращений"). ЛАЙК! Никогда не любил (и не люблю) пользоваться готовыми решениями типа ЦМС и ФреймВорков, и еще ни разу ни один дизайнер не сделал так, как я хочу и вижу. А вот использование таких маленьких хитростей.... по сути сами себе делаем удобный фреймворк. Ещё раз нахожу, и видео тому подтверждение, что хочешь сделать хорошо - сделай это сам.
Еще раз лайк.
Спасибо большое!
Привет Жека! Невероятно полезный контент. Пересмотрел кучу всяких тюториалов но ни в одном не было такого простого и понятного объяснения адаптивной верстки как у тебя. В следующих выпусках пожалуйста объясни подробнее о флекс баксе и флекс гриде. Это было бы супер!! Спасибо! Продолжай в том же духе!
Жека, Привет из Барсы !!! Респект и уважуха за твои выдосы. Твои обьяснения СУПЕР понятны, НО !!!! Несколько раз повторно попадал на твои видео что уже смотрел раньше, и заметил, что опять узнал что то новое что пролетело мимо моих ушей раньше. По чуть чуть пересматриваю снова. Спасибо ОГРОМНОЕ !!!! Здоровья , удачи и процветания !!!! Закончится карантин, будешь планировать поездку в Барсу, соообщи. Удачи !!!!
Спасибо! Обязательно!
Низкий поклон за ваши труды. Огромное спасибо.
Женя Спасибо. Прям глаза открылись) реально вспомнил ваши слова про то что бесплатный контент бывает лучше чем платный. Кидаю донат. Спасибо вам большое за качественный контент и то что делитесь своими знаниями
жаль знания уже не нужны(((верстальщиков миллионы!
Пока посмотрел первые 30 секунд... и в них уже столько смысла - респект огромный!!!
Что не видео то гайд! Как всегда лайк!
Спасибо!
Класс тёска, спасибо) За 40 мин узнал больше чем пару дней гугла
Круто! Я рад что полезно!
Отличный и подробный ликбез, спасибо))) Всех благ тебе, автор)))
Пожалуйста!
О боже! Как всё просто рассказано, а ведь на входе я готовился к сложным структурным завихрениям, подключаемым библиотекам и прочим усложнениям... И как я раньше жил, не зная про макеты размеров в Яндекс.Браузере. Дай бог тебе здоровья, автор!
P.S. Комментарий получился очень уж набожным, но это потому что эмоции переполняют :)
Наверное самый информативный канал по верстке ) доступно и интересно, без литров воды.
Спасибо Жека за твои труды!!!! Я иногда пытался смотреть другие видео по верстке учебные не ложатся они мне в мози и уши, а твои видео это реальный учебник (все доходчиво о сложном) еще раз огромно спасибо, не перестаю учится и только с тобой.
В начале видео ,когда Жека появился на 4х экранах,я думал он скажет ....Привет ,я хочу сиграть с тобой в игру ))))))))))))))
Ахах)
Спасибо! Лучший канал по вёрстке)
Спасибо! 👍
Я просто в восторге. Столько работы проделано автором. Впервые вижу настолько доступную и прекрасно поданную информацию.
Подписался и впервые выставляю колокольчик, именно на вас!
Спасибо! На канале уже много всего полезного! Советую посмотреть)
Фрилансер по жизни - IT и фриланс это даже не обсуждается! Видимо, я ещё и стану впервые патроном
Не устану писать, вы учитель от Бога
да , спасибо автору . Хорошо подаёшь информацию. Подписываюсь
Спасибо! На канале уже много всего интересного
Лайк 👍 і коментар: Все як завжди класно!!!
Дякую! 🤘
Ждем верстку макета из примера!
Сделаю)
Очень круто. Как для начинающего web-разработчика прямо приятно, когда такие обучающие материалы выкладывают. Да еще и в свободном доступе. Большое вам спасибо.
Пожалуйста!
я просто оставлю этот коммент в 2020, это просто лучший канал по верстке, спасибо тебе огромное!
Спасибо!
Спасибо за видео😉 вы мне очень помогли, можете в следующем видео сделать про добавление сайта в поисковики думаю многим это интересно я уже долго ищу про это информацию, но не понимаю.
Спасибо за видео ты лучший 👍🏻
Спасибо!
Отличное видео, большая благодарность автору))
Спасибо!
эх... где ж ты был, когда я свой первый сайт на бутстрапе делал... так намучался с адаптивом, а щас просмотрел и вообще как-то слишком легко. теперь вообще не особо вижу смысл в бутстрапе. Спасибо!
Отлично! Рад что помог!
А что мешало их применять тогда?
@@nikitak7602 Скорей всего ему мешало всеобщее нытьё о том, что без бутстрапа никак и никуда. Помню это хорошо. Все вокруг твердили об необходимости учить бутстрап. Настаивали просто. Ох и насмеялся я тогда. Вот и ягодки пошли. Оказывается, что можно и без библиотек! Жду теперь, когда начнут разбивать в пух и прах ждейквери. Тоже будет ржака!
Женя дякую, дуже крута лекція, цілий окремий світ ці медія запити!!!
Огромное спасибо за подробное, понятное и в спокойном темпе объяснение. Также отдельное спасибо, что все показываете через код, что очень удобно для восприятия и запоминания.
Ура, наконец-то, я поняла, зачем так избыточно всё одевается в . Спасибо, Женя.
Видео: bootstrap больше не нужен
я, услышав это слово в первый раз: буду знать
вот только бутстрап это далеко не только ограниченный по ширине контейнер а и куча полезных плюшек "из коробки", да и то, что было написано в данном уроке для контейнера не является сеткой, сетка - это col-xs col-sm и тд а контейнер лишь внешний ограничитель, но в целом мысль верная, бутстрап тяжеловат и если на сайте можно обойтись без него, стоит это сделать
а ну-ка признавайтесь, у кого черно-белые мониторы? ))
20:36 - с-ука занием))
Спасибо, Жека! очень полезный у тебя канал! Будут еще стримы по разбору наших работ?
Да, конечно
Я вот учусь в платном курсе, и там не рассказано этого, которого ты объяснял, спасибо тебе большое ты бы знал как ты помогаешь мне, здоровья тебе и твоим родным! Уважаю и люблю тебя!!!
огромное пламенное спасибо! недавно делала адаптив, плохо получалось, мало годной инфы, размеры для медиа запросов не могла найти, пришлось читать про ppi устройств и куда-то закапываться, в итоге друг подсказал как сделать, а ведь могла видео ваше посмотреть, как и делала раньше, нужно взять за правило в любом непонятной ситуации смотреть ваши видосы, а не гугл поиском пользоваться по привычке
Я рад что полезно!
Спасибо, от души.
Пожалуйста!
Слушай...ну ты молодец. Низко кланяюсь.
Спасибо!
согласен
Спасибо за видео! Как называется плагин, который ты используешь, чтобы как на экранах разных устройств верстка отображалась?
F12 в хроме
Красавчик! Приятный голос, доступное и простое изложение! А главное много примерах и объясняешь все на пальцах! Спасибо.
Пожалуйста!
Как Вы всё круто разложили по полочкам. Структурировано, чисто. Спасибо за старания!
йо, видос классный, но пару вопросов:
1) почему ты верстаешь в пикселях, а не в процентах? проценты же дадут больше адаптивности, нет?
2) почему ты не говоришь об MDN, если не рассказываешь о всех вариантах применения медиа-запросов? спека же всегда важна, тем более, что она очень хорошо написана на русском
А я вот еще не учил бутстрап, но умею верстать без него, стоит ли начинать учить bootstrap?
Только если это будет необходимо. Умение верстать чисто намного выше ценится чем шаблонный код
@@FreelancerLifeStyle а это правда, что сейчас уже все использую elementor для создания сайтов, и код сводится к абсолютному минимому?
Стоит. Там учить особо и нечего. Объясню главную идею bootstrap. Допустим, тебе нужно сделать блок карточек товаров, чтобы на большом экране они располагались в 3 колонки, на среднем в 2 а на мобилках в 1. Как ты это сделаешь? Скорее всего, ты в CSS создашь класс, пропишешь ему правила, настроишь медиазапросы с правилами, и т.д. И я так сделаю. И ещё тысячи так сделают. Так почему бы не создать подобные классы для типовых задач, чтобы просто указывая класс элементу сразу получить нужное поведение? Поздравляю, вы только что изучили bootstrap. Дальше только конкретные названия классов, которые добавляют то или иное поведение, которые прекрасно расписаны в документации.
@Имя Фамилия в видео тоже самое сделано несколькими строками и одним классом container. Дальше только менять по дизайну, а не как прописано в бутстрапе. Заказчику пофиг что там написано)
@@FreelancerLifeStyle согласен. Человеку сверху не стоит изучать bootstrap, пусть всё руками пишет.
Держи лайк чисто за нативность! Я тоже за нативность. В жопу библиотеки!
Спасибо!
@@VladimirKrygin-j4d не нужно ничего бояться и писать свой)
@@VladimirKrygin-j4d Та не боюсь я этого. Вопрос в другом. Если передо мной стоит задача подключить гору библиотек, написать за их счёт пару строчек и неоправданно нагрузить сайт, или самому написать 20 - 40 строчек, я выбираю второе, я выбираю хардкор. Это во-первых. Во-вторых, натив меня развлекает. Прикольно, знаешь ли, посидеть поломать голову, если столкнулся с чем-то неведомым. Но это я действую по такой стратегии только для себя, в своих проектах. На фрилансе там конечно временные рамки и такой подход провален.
Я вперые вижу такое восхитительное интро, так как он никто материал не припадаёт, спасибо
Офигенская видосина. Наиоптимальнейшее решение композиции. Помню как я считал что весь сайт в таблицу помещал, был приверженцем отзывчивой вёрстки с минимальной шириной типа ну прокручивай в бок, что такова.
Спасибо!
вот бывает, когда тупо нет слов, дядь, вот не просто спасибо, а спасибище тебе, я многое знал, но некоторые приемы забрал к себе, это не просто познавательный контент, это надо показывать всем кто решит пойти учиться, мне страшно говорить, но такие видео и бесплатным это клад в интернете, пасиб большое в очередной раз, не устаю писать слова благодарности!