ты забыл добавить, что изначально разметку желательно под мобайл делать, а потом расширять(хотя наверное этот материал лучше сделать отдельным видео с примером). Материал хороший, но про бутстрап вы зря, если проект не сложный и не большой, я бы выбрал бутстрап, быстрый код никто не отменял), тем более если заказчик не против
@@СергейДемин-г5в про mobile first в видео я говорил. Использовать что то или нет дело каждого. Я даю советы на основе 12ти летнего опыта работы на фрилансе. Можно принимать совет, а можно нет))
@@СергейДемин-г5в я для быстрых не сложных проектов свою сетку написал, плюс кое какие плюшки js как итог только в сетке вместо трёх с лишним тысяч строк вышло всего 450 (без учёта минификации инфа) , а это как понимаешь жирный плюс к скорости загрузки. На написание и тестирование своего мини фреймворка ушло чуть больше 2х часов. Как-то так
прежде чем писать восторженные комменты, попробуй реализовать на практике всё что этот балабол тут нарасказывал. Вот если получится, в чем я сомневаюсь, вот тогда и будешь что-то писать.
@@AlejandroFedorov на самом деле это слишком тяжело сделать самостоятельно. Если все повторять за видосом то офк повторишь, но как начать верстать самостоятельно не понятно(
@@AlejandroFedorov а как иначе учиться? Здесь рассказывают основы, без которых ты далеко не уйдёшь, а уже применение этих основ зависит только от тебя и если ты не понимаешь как это реализовать, то наверное дело в тебе? Как упомянули ранее: "не все такие тупые"
И дело даже не в том, что информация прекрасно подана, а для меня пожалуй важнее человечный человек несущий знания, воплощающий на практике: "Счастья всем и за даром и пусть ни кто не уйдёт обиженным!" Стругацкие - "Пикник на обочине" Такие люди возвращают во мне потерянную веру в человечество. Спасибо)))
Начинал смотреть эти видео, когда пришел на первую работу. Прошло уже три года, я дорос до мидла, и все равно их пересматриваю по необходимости (на работе почти не верстаю и всякое забывается). Женя, Спасибо тебе за твой труд сквозь года.
@@FreelancerLifeStyle Спасибо огромное за канал и Ваши видео. Учусь по Вашим роликам. Веб-дизайн освоила на курсах, а вот с версткой вышли консультации больше. Сейчас по Вашим роликам узнаю больше чем на курсах. Спасибо огромное за Ваш труд
Новичкам рекомендую по истечении времени пересматривать видео-уроки Евгения, подчерпнете много нового что упустили при первом просмотре. Евгений Вам спасибо за труд.
Одно только выражение: "Живи, а работай в свободное время" меня мотивирует. Спасибо за уроки, очень информативно. За неделю уже научился неплохо так понимать что к чему и верстать небольшие простенькие сайты.
@@ВсеволодХрусталев а ты чего достиг за 5 месяцев просто занимаюсь 4недели, интересно узнать уже фрилансишь? Сколько зарабатываешь и какие сайты делаешь
хочу описать свою благодарность тебе как учителю, но честно говоря, не могу найти подходящих слов, одни эмоции:)) На столько всё КРУТО! Я считаю, все кто обучаются по твоим видео, обязаны тебе мат. поддержкой твоего канала, в том числе и я. Конечно же, после того как учёба даст свои плоды;) ОГРОМНЫЙ ЛАЙК Жека!:) Цены тебе нет!
Просто "ВАУ!".. Спасибо огромное за отлично сделанную работу, проходил онлайн-курсы у одних товарищей, которые сейчас много где на слуху, сколько бы не морочился с их видео и вопросами к "наставникам" всё опять ссылалось на возвращение к пересмотру видео с практикой, а тут всё не просто кратко, а ЛАКОНИЧНО, что сейчас крайне большая редкость, попросту 0 воды, я даже удивился что прошло почти 40 минут, так как у конкурентов пришлось бы потратить часов 6 и то, не факт что помогло бы (ведь не просто так я попал сюда).В общем, ещё раз благодарю за сделанную работу, видео сохраняю к себе и подписываюсь, потому что только после Вас смог свои сразу 4 макета превратить в полностью отзывчивую верстку на разных устройствах, над которыми морочился неделями и задавал все значения отдельно каждому медиа запросу, пока не сдался и, к счастью, попал сюда. Удачи в развитии канала, добрейший человек!
@@Prichuks Да никак!:) Я человек такой который меняет увлечения как носки, вчера интересовался фронтом, а сегодня уже во всю погрузился в 3д моделирование) Я не удивлюсь если через месяц буду учить ui/ux и херачить дизайн) Беру от жизни все что могу, зачем сидеть на месте?
Вот это ты залепил!!! За неполных 40 мин. гора полезной инфы. Многие из нас, новичков, дни тратим, чтобы разобраться в таких нюансах... А здесь всё коротко и по теме! Спасибо!
и теперь я понял почему это видео №1 в выдаче по запросу "адаптивная верстка" . А я всем бутстрап советовал использовать а тут делов то . эх... не буду оправдываться просто сделаю ролик как делать адаптив без бутстрапа. Жека. Респект тебе , ты просто перевернул игру в мире верстке на Ютубе!!!
Если честно, я в полном шоке! Так шикарно подать материал, кратко, по делу, но очень понятно и развернуто. После роликов, длинной в 4 часа и разговоров ни о чем, это прям, как глоток свежего воздуха. Спасибо огромное за ваш труд!
О боже! Как всё просто рассказано, а ведь на входе я готовился к сложным структурным завихрениям, подключаемым библиотекам и прочим усложнениям... И как я раньше жил, не зная про макеты размеров в Яндекс.Браузере. Дай бог тебе здоровья, автор! P.S. Комментарий получился очень уж набожным, но это потому что эмоции переполняют :)
Потрясающее видео про адаптивность. Все четко и разложено по полочкам. Очень полезная фича про вложенность медиазапросов внутрь селектора - код становится более понятным и читабельным. Спасибо за такие видео!
Первое видео, которое посмотрел на канале. Учился сам, мучался, искал годный контент, посоветовали разобраться с Бутстрапом. Скачал, посмотрел обучалку и подумал: "Что это за костыли такие, неужели нельзя такую фигню руками сделать?". Залез на Ютуб с соответствующим запросом - БАМ Жекино видео "Вам не нужен Бутстрап!" И понеслось :)
Самый лучший курс! Слава Богу, что встретила не через какое-то время когда уже плюнешь и бросишь заниматься. Я первый раз сайт делаю. Так всё понятно излагаешь, а не так чтобы специально непонятно. Спасибо большое! Буду рекомендовать!
Только начал этим заниматься. Сверстал пару макетов и разговор зашел про адаптивность сайтов. 2 дня я курил ману и не понимал, что и как делать и тут этот видос. Привет из Алматы автору и крепкого здоровья в такое время)
Боже Жень, спасибо тебе большое!) Каждый день расту и понимаю все больше и больше! Это самое крутое ощущение в жизни. Понятно что это не середина и возможно даже не начало пути, но уже ловлю дикое удовольствие, когда заставляю что то работать так, как хочу :D
Всё-таки не поленюсь и напишу тебе этот комментарий, потому что заслужил: Очень помогает, когда ты подробно объясняешь всё и повторяешь по несколько раз (чтоб догнали). Да и то, как ты относишься к своему делу - похвально. Визуально всё выглядит крайне качественно и уютно! Хотелось бы побольше видео про вёрстку и лэндинг (по возможности) - с чего начать и чем закончить. Ты большой молодец, повторяй в том же духе. Поверь, твой труд ненапрасен! P.S. какой плагин добавляет линии на строках кода (если работаю на VS Code)?
Пересмотрел столько всяких кучей по вëрстке, и в основном адаптивной. Часов так на дофигилион насмотрел. Но за эти 36 минут узнал столько нового и полезного. Спасибо тебе, мил человек. Где ж ты раньше был? Ну или я где был?))) Спасибо, Друже!!!
Такие занятия я бы смотрел и смотрел! И снято и смонтировано круто, это помимо того, что сам контент на цену золота! Спасибо огромное и отдельное за домашку !!
Спасибо вам за подробное описание медиа запросов. Долго не могла понять почему они не срабатывали у меня, но благодаря вашему объяснению все круто получилось!
Бомбезний ВідеоУрок!!!! Величезне Вам Спасибі за Весь Цей Океан Вашого Безцінного Особистого Досвіду , здобутого "потом та кров"ю" !!!! Респект Величезний!!!
@@FreelancerLifeStyle сегодня шаблон верстал использовал meta content="width= 1300", затем попробовал написать @media для div, но он не сработал, это из-за этого "meta content="width= 1300" "???
Привет Жека! Невероятно полезный контент. Пересмотрел кучу всяких тюториалов но ни в одном не было такого простого и понятного объяснения адаптивной верстки как у тебя. В следующих выпусках пожалуйста объясни подробнее о флекс баксе и флекс гриде. Это было бы супер!! Спасибо! Продолжай в том же духе!
Фрилансер, благодаря тебе у меня теперь есть представление, что представляет из себя адаптивная верстка. Очень доходчиво и подробно рассказал. Спасибо тебе!
огромное пламенное спасибо! недавно делала адаптив, плохо получалось, мало годной инфы, размеры для медиа запросов не могла найти, пришлось читать про ppi устройств и куда-то закапываться, в итоге друг подсказал как сделать, а ведь могла видео ваше посмотреть, как и делала раньше, нужно взять за правило в любом непонятной ситуации смотреть ваши видосы, а не гугл поиском пользоваться по привычке
Жека, Привет из Барсы !!! Респект и уважуха за твои выдосы. Твои обьяснения СУПЕР понятны, НО !!!! Несколько раз повторно попадал на твои видео что уже смотрел раньше, и заметил, что опять узнал что то новое что пролетело мимо моих ушей раньше. По чуть чуть пересматриваю снова. Спасибо ОГРОМНОЕ !!!! Здоровья , удачи и процветания !!!! Закончится карантин, будешь планировать поездку в Барсу, соообщи. Удачи !!!!
не думал что все так просто, спасибо тебе огромное за высокую информативность и классную подачу, жду когда шаблоны с уроков будут доступны и простым смертым)
Классные точные советы без всякой воды и мусора. (и нормальным русским языком без всяких непонятных "умных" сокращений"). ЛАЙК! Никогда не любил (и не люблю) пользоваться готовыми решениями типа ЦМС и ФреймВорков, и еще ни разу ни один дизайнер не сделал так, как я хочу и вижу. А вот использование таких маленьких хитростей.... по сути сами себе делаем удобный фреймворк. Ещё раз нахожу, и видео тому подтверждение, что хочешь сделать хорошо - сделай это сам. Еще раз лайк.
Офигенская видосина. Наиоптимальнейшее решение композиции. Помню как я считал что весь сайт в таблицу помещал, был приверженцем отзывчивой вёрстки с минимальной шириной типа ну прокручивай в бок, что такова.
Я вот учусь в платном курсе, и там не рассказано этого, которого ты объяснял, спасибо тебе большое ты бы знал как ты помогаешь мне, здоровья тебе и твоим родным! Уважаю и люблю тебя!!!
Спасибо за видео😉 вы мне очень помогли, можете в следующем видео сделать про добавление сайта в поисковики думаю многим это интересно я уже долго ищу про это информацию, но не понимаю. Спасибо за видео ты лучший 👍🏻
уже голова болит от информации, но не могу остановиться)))сейчас прохожу онлайн-курсы. там 90% практики, всё пока что нравится, но поверхностно, и однобоко(что-то рассказано 1 вариант и вскользь упомянуты другие варианты) но мне нравится, они дают вектор развития! А твой канал появился в моем поле зрения благодаря их наставлениям (Подписаться минимум на 2-3 блогера по теме и пару групп с обсуждениями тем, которые изучаю)отличный канал!
Спасибо Жека за твои труды!!!! Я иногда пытался смотреть другие видео по верстке учебные не ложатся они мне в мози и уши, а твои видео это реальный учебник (все доходчиво о сложном) еще раз огромно спасибо, не перестаю учится и только с тобой.
Дорогой, спасибо тебе, качество 150%, пользы 10000%, ты очень крутой особенно в этой ниши, тебя не скучно и не занутно смотреть, все по факту не какой воды, ты просто золото, уважуха тебе и огромный респект)
эх... где ж ты был, когда я свой первый сайт на бутстрапе делал... так намучался с адаптивом, а щас просмотрел и вообще как-то слишком легко. теперь вообще не особо вижу смысл в бутстрапе. Спасибо!
@@nikitak7602 Скорей всего ему мешало всеобщее нытьё о том, что без бутстрапа никак и никуда. Помню это хорошо. Все вокруг твердили об необходимости учить бутстрап. Настаивали просто. Ох и насмеялся я тогда. Вот и ягодки пошли. Оказывается, что можно и без библиотек! Жду теперь, когда начнут разбивать в пух и прах ждейквери. Тоже будет ржака!
Увидел этот видеоролик, и, остался на всегда с автором. Даже не знаю как звать. В настоящий момент только начал изучать html и CSS синтаксис, поэтому положил этот видеоролик в закладки, до того момента, когда уже реально смогу применить эти знания на практике. Очень давно хотел узнать как масштабировать контент и разбрасывать его иначе под различные размеры экранов, а тут сразу ответы на практически все вопросы сразу!)) Я б за кружкой пива с автором посидел!))
Стоит. Там учить особо и нечего. Объясню главную идею bootstrap. Допустим, тебе нужно сделать блок карточек товаров, чтобы на большом экране они располагались в 3 колонки, на среднем в 2 а на мобилках в 1. Как ты это сделаешь? Скорее всего, ты в CSS создашь класс, пропишешь ему правила, настроишь медиазапросы с правилами, и т.д. И я так сделаю. И ещё тысячи так сделают. Так почему бы не создать подобные классы для типовых задач, чтобы просто указывая класс элементу сразу получить нужное поведение? Поздравляю, вы только что изучили bootstrap. Дальше только конкретные названия классов, которые добавляют то или иное поведение, которые прекрасно расписаны в документации.
@Имя Фамилия в видео тоже самое сделано несколькими строками и одним классом container. Дальше только менять по дизайну, а не как прописано в бутстрапе. Заказчику пофиг что там написано)
вот только бутстрап это далеко не только ограниченный по ширине контейнер а и куча полезных плюшек "из коробки", да и то, что было написано в данном уроке для контейнера не является сеткой, сетка - это col-xs col-sm и тд а контейнер лишь внешний ограничитель, но в целом мысль верная, бутстрап тяжеловат и если на сайте можно обойтись без него, стоит это сделать
Я просто в восторге. Столько работы проделано автором. Впервые вижу настолько доступную и прекрасно поданную информацию. Подписался и впервые выставляю колокольчик, именно на вас!
Женя Спасибо. Прям глаза открылись) реально вспомнил ваши слова про то что бесплатный контент бывает лучше чем платный. Кидаю донат. Спасибо вам большое за качественный контент и то что делитесь своими знаниями
йо, видос классный, но пару вопросов: 1) почему ты верстаешь в пикселях, а не в процентах? проценты же дадут больше адаптивности, нет? 2) почему ты не говоришь об MDN, если не рассказываешь о всех вариантах применения медиа-запросов? спека же всегда важна, тем более, что она очень хорошо написана на русском
@@VladimirKrygin-j4d Та не боюсь я этого. Вопрос в другом. Если передо мной стоит задача подключить гору библиотек, написать за их счёт пару строчек и неоправданно нагрузить сайт, или самому написать 20 - 40 строчек, я выбираю второе, я выбираю хардкор. Это во-первых. Во-вторых, натив меня развлекает. Прикольно, знаешь ли, посидеть поломать голову, если столкнулся с чем-то неведомым. Но это я действую по такой стратегии только для себя, в своих проектах. На фрилансе там конечно временные рамки и такой подход провален.
История о том как помогают видео, даже если их не смотреть))) Сижу значит делаю адаптив, и начинаю в devtools менять разрешение. Понимаю, что вся вёрстка поломалась из-за того что Респонсив не работает, хотя мета в шапке есть. Иду смотреть видео Жени, голова полыхает где я мог накосячить. И тут вижу на видео метку - "О контейнере" и вспоминаю, что контейнеру свойства забыл поменять =))) Вот так бывает, помог без просмотра
![เปิด อาณาจักร หมื่นล้าน "สาระตั้ม" l [Nickynachat]](http://i.ytimg.com/vi/3XE0nPF4YkQ/mqdefault.jpg)
Ценю твой ЛАЙК и КОММЕНТ!
Содержание:
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 не говори за всех)
Одно только выражение: "Живи, а работай в свободное время" меня мотивирует. Спасибо за уроки, очень информативно. За неделю уже научился неплохо так понимать что к чему и верстать небольшие простенькие сайты.
Я занимаюсь уже 4 месяца. Ты за год чего-то достиг?
@@СергейТаран-и3к а чего ты достиг за 5 месяцев? Я просто всего полтора занимаюсь, интересно.
Скинь код
@@ВсеволодХрусталев а ты чего достиг за 5 месяцев просто занимаюсь 4недели, интересно узнать уже фрилансишь? Сколько зарабатываешь и какие сайты делаешь
@@virtualasylum1 А ты чего то достиг за 2 месяца? Я просто всего 10 минут занимаюсь интересно узнать, уже фрилансишь?
хочу описать свою благодарность тебе как учителю, но честно говоря, не могу найти подходящих слов, одни эмоции:)) На столько всё КРУТО! Я считаю, все кто обучаются по твоим видео, обязаны тебе мат. поддержкой твоего канала, в том числе и я. Конечно же, после того как учёба даст свои плоды;) ОГРОМНЫЙ ЛАЙК Жека!:) Цены тебе нет!
Спасибо большое! Я очень рад что все это полезно!
Как успехи
@@РасулАлдабергенов-ы8е такой же вопрос)
Просто "ВАУ!".. Спасибо огромное за отлично сделанную работу, проходил онлайн-курсы у одних товарищей, которые сейчас много где на слуху, сколько бы не морочился с их видео и вопросами к "наставникам" всё опять ссылалось на возвращение к пересмотру видео с практикой, а тут всё не просто кратко, а ЛАКОНИЧНО, что сейчас крайне большая редкость, попросту 0 воды, я даже удивился что прошло почти 40 минут, так как у конкурентов пришлось бы потратить часов 6 и то, не факт что помогло бы (ведь не просто так я попал сюда).В общем, ещё раз благодарю за сделанную работу, видео сохраняю к себе и подписываюсь, потому что только после Вас смог свои сразу 4 макета превратить в полностью отзывчивую верстку на разных устройствах, над которыми морочился неделями и задавал все значения отдельно каждому медиа запросу, пока не сдался и, к счастью, попал сюда. Удачи в развитии канала, добрейший человек!
Спасибо и пожалуйста! Рад что полезно!
Скинь код
@@FreelancerLifeStyle скинь код
Ну наконец то появился нормальный учитель и объяснил простым языком на примерах, адаптив. Все по делу и без всякой слизи. Так держать!!!
Как же хорошо что я попал сюда, для меня как человека который начал осваивать frontend не канал а драгоценность!
Супер! Я рад!
как там с фронтэндом друг? Как два месяца начал сам и уже по сути заканчиваю осваивать верстку. Как успехи?
@@Prichuks Да никак!:) Я человек такой который меняет увлечения как носки, вчера интересовался фронтом, а сегодня уже во всю погрузился в 3д моделирование) Я не удивлюсь если через месяц буду учить ui/ux и херачить дизайн) Беру от жизни все что могу, зачем сидеть на месте?
@@Prichuks как успехи? Пробовал ли брать заказы на фрилансе?
@@ithinkitsatiger1864 Как моделирование? Раньше тоже моделированием увлекался на недолгое время , в блендере моделировал, а ты как?
Как круто, что ютуб мне порекомендовал этого человека! один из лучших учтилей по вёрстке, что я встречал! спасибо, что там понятно всё описываете
Пожалуйста! Рад что полезно!
Скинь код
@@FreelancerLifeStyle скинь код
Никогда не встречал подобного упорядоченного руководства для создания адаптивности, на ютубе. Спасибо!
Пожалуйста!
Господи, чтоб вы долго жили. Как же всё понятно🤯❤️
Спасибо! Я рад!
501й коммент)) Жека, у тебя просто дар преподавателя!. Даже слов нет , как тебя ещё назвать)
Спасибо!
Вот это ты залепил!!! За неполных 40 мин. гора полезной инфы. Многие из нас, новичков, дни тратим, чтобы разобраться в таких нюансах... А здесь всё коротко и по теме! Спасибо!
Спасибо! Еще есть что рассказать уже более подробно и на примерах, но общую информацию постарался изложить)
Лучшая годнота что я видел по верстке. Чувак тебе определенно некогда лить воду.
Спасибо!
Мужик, ты на вес золота, ей-Богу. Объясняешь по факту за "спасибо" в миллионы раз лучше преподов на разных курсах.
Скинь код
и теперь я понял почему это видео №1 в выдаче по запросу "адаптивная верстка" .
А я всем бутстрап советовал использовать а тут делов то . эх... не буду оправдываться просто сделаю ролик как делать адаптив без бутстрапа.
Жека. Респект тебе , ты просто перевернул игру в мире верстке на Ютубе!!!
Спасибо!
Бутстрап это просто набор дефолтных элементов, а делать на нём лучше не потому что иначе нельзя. а потому что твоя вёрстка будет понятнее другим
Если честно, я в полном шоке! Так шикарно подать материал, кратко, по делу, но очень понятно и развернуто. После роликов, длинной в 4 часа и разговоров ни о чем, это прям, как глоток свежего воздуха. Спасибо огромное за ваш труд!
Скинь код
О боже! Как всё просто рассказано, а ведь на входе я готовился к сложным структурным завихрениям, подключаемым библиотекам и прочим усложнениям... И как я раньше жил, не зная про макеты размеров в Яндекс.Браузере. Дай бог тебе здоровья, автор!
P.S. Комментарий получился очень уж набожным, но это потому что эмоции переполняют :)
Хорошие практики:
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 - группировка в коде (элемент + медиа запрос)
Потрясающее видео про адаптивность. Все четко и разложено по полочкам. Очень полезная фича про вложенность медиазапросов внутрь селектора - код становится более понятным и читабельным. Спасибо за такие видео!
Пожалуйста! Рад что полезно!
Спасибо большое за твой труд, секономил новичкам несколько дней жизни.
Супер! Рад что полезно!
Первое видео, которое посмотрел на канале.
Учился сам, мучался, искал годный контент, посоветовали разобраться с Бутстрапом. Скачал, посмотрел обучалку и подумал: "Что это за костыли такие, неужели нельзя такую фигню руками сделать?".
Залез на Ютуб с соответствующим запросом - БАМ Жекино видео "Вам не нужен Бутстрап!" И понеслось :)
Хех, отлично!
Самый лучший курс! Слава Богу, что встретила не через какое-то время когда уже плюнешь и бросишь заниматься. Я первый раз сайт делаю. Так всё понятно излагаешь, а не так чтобы специально непонятно. Спасибо большое! Буду рекомендовать!
Спасибо! Рад что нравится!
Только начал этим заниматься. Сверстал пару макетов и разговор зашел про адаптивность сайтов. 2 дня я курил ману и не понимал, что и как делать и тут этот видос. Привет из Алматы автору и крепкого здоровья в такое время)
Спасибо!
Боже Жень, спасибо тебе большое!) Каждый день расту и понимаю все больше и больше! Это самое крутое ощущение в жизни. Понятно что это не середина и возможно даже не начало пути, но уже ловлю дикое удовольствие, когда заставляю что то работать так, как хочу :D
Супер! Я рад!
Всё-таки не поленюсь и напишу тебе этот комментарий, потому что заслужил:
Очень помогает, когда ты подробно объясняешь всё и повторяешь по несколько раз (чтоб догнали).
Да и то, как ты относишься к своему делу - похвально. Визуально всё выглядит крайне качественно и уютно!
Хотелось бы побольше видео про вёрстку и лэндинг (по возможности) - с чего начать и чем закончить.
Ты большой молодец, повторяй в том же духе. Поверь, твой труд ненапрасен!
P.S. какой плагин добавляет линии на строках кода (если работаю на VS Code)?
Спасибо! Я стараюсь)
VS Code по по-моему без плагина можно включить. Будет по нему выпуск.
Мужик, честно, как же ты крут! Спасибо за твой труд!
Женя, раньше адаптив казался мне страшной вещью, теперь же, все мои страхи развеялись. Большое спасибо за твоё творчество.
Пересмотрел столько всяких кучей по вëрстке, и в основном адаптивной. Часов так на дофигилион насмотрел. Но за эти 36 минут узнал столько нового и полезного. Спасибо тебе, мил человек. Где ж ты раньше был? Ну или я где был?))) Спасибо, Друже!!!
Такие занятия я бы смотрел и смотрел! И снято и смонтировано круто, это помимо того, что сам контент на цену золота! Спасибо огромное и отдельное за домашку !!
Скинь код
Талант автора- он и в африке-талант!
Спасибо!
Я от тебя тащусь, превосходная подача материала, от такого оригинального начала чуть не расплакался :D
Спасибо! Стараюсь!
Спасибо вам за подробное описание медиа запросов. Долго не могла понять почему они не срабатывали у меня, но благодаря вашему объяснению все круто получилось!
Бомбезний ВідеоУрок!!!!
Величезне Вам Спасибі за Весь Цей Океан Вашого Безцінного Особистого Досвіду , здобутого "потом та кров"ю" !!!!
Респект Величезний!!!
Это топ видео про верстку. Благослови тебя Господь!
Пожалуйста!
@@FreelancerLifeStyle сегодня шаблон верстал использовал meta content="width= 1300", затем попробовал написать @media для div, но он не сработал, это из-за этого "meta content="width= 1300" "???
Жека, Ты просто находка для новичка такого как я. Начал заниматься по твоим урокам - просто бомба, рэспэкт и уважуха !!! Держу курс на Тебя !!! )
Научился чему неибудь?
Очень круто! За подачу и монтаж отдельный респект!
Спасибо! 👍
Сколько не смотрю канал Жеки, всегда информация заходит отлично. В преподаватели нужно ему идти! Жить и развиваться - верно подмечено !
Не устану писать, вы учитель от Бога
Красава, Жека! Видно, что развиваешься! Классные заставки на видео! Очень сильно помогаешь мне, спасибо.
Спасибо! Стараюсь)
Замечательно! Вы не только Фрилансер по жизни, но и крутой преподаватель! Большое спасибо за Ваши работы! Дальнейших Вам творческих успехов! Леонид
Пожалуйста! Рад что полезно!
Заставка с разными размерами экранов СУПЕР! Очень креативно!
Ты лучший!! Евгений продолжай эту работу !! ТЫ НАМ ВСЕМ ОЧЕНЬ НУЖЕН!! ДАЙ БОГ ТЕБЕ ЗДОРОВЬЯ 🔥🔥🔥🔥🔥
Информативно, я как человек который знает в его несколько тегов, понимаю куда двигаться дальше.
Супер! Я рад!
P, H1 , DIV))
@@awenn2015 следишь за мной?
Жека вот тебе тема для "как это сделать" - слайдер, какой-нибудь не очень сложный с минимумом js. Думаю многим будет интересно.
Да, будет, спасибо!
Navigator UA залайкайте в топ
slick слайдер топчик
дык, слайдер даже с 3d эфектами на голом css можно запилить на изи без js (от слова совсем без js)
А можно пожалуйста слайдер на ванильном Js, без всякой дряни вроде jQuery, slick, qodeSlider...
Привет Жека! Невероятно полезный контент. Пересмотрел кучу всяких тюториалов но ни в одном не было такого простого и понятного объяснения адаптивной верстки как у тебя. В следующих выпусках пожалуйста объясни подробнее о флекс баксе и флекс гриде. Это было бы супер!! Спасибо! Продолжай в том же духе!
Пока посмотрел первые 30 секунд... и в них уже столько смысла - респект огромный!!!
Фрилансер, благодаря тебе у меня теперь есть представление, что представляет из себя адаптивная верстка. Очень доходчиво и подробно рассказал. Спасибо тебе!
Низкий поклон за ваши труды. Огромное спасибо.
Самый полезный канал по верстке который я видел. Удачи в продвижении. Интересно кто поставил 1 дизлайк
Спасибо большое! Я стараюсь! Ну как же без дизов)
Дизлайк Хауди поставил видимо))
уже 131 дизлайк. Откуда??
Норм, все доходчиво и понятно, без лишней воды и нудятины))
Лайк + подписка)
Спасибо!
1 слово: умничка! Реально, без воды, понятно, конкретно и суть! Спасибо. Подписался.
Пожалуйста!
огромное пламенное спасибо! недавно делала адаптив, плохо получалось, мало годной инфы, размеры для медиа запросов не могла найти, пришлось читать про ppi устройств и куда-то закапываться, в итоге друг подсказал как сделать, а ведь могла видео ваше посмотреть, как и делала раньше, нужно взять за правило в любом непонятной ситуации смотреть ваши видосы, а не гугл поиском пользоваться по привычке
Я рад что полезно!
Жека, Привет из Барсы !!! Респект и уважуха за твои выдосы. Твои обьяснения СУПЕР понятны, НО !!!! Несколько раз повторно попадал на твои видео что уже смотрел раньше, и заметил, что опять узнал что то новое что пролетело мимо моих ушей раньше. По чуть чуть пересматриваю снова. Спасибо ОГРОМНОЕ !!!! Здоровья , удачи и процветания !!!! Закончится карантин, будешь планировать поездку в Барсу, соообщи. Удачи !!!!
Спасибо! Обязательно!
не думал что все так просто, спасибо тебе огромное за высокую информативность и классную подачу, жду когда шаблоны с уроков будут доступны и простым смертым)
Дякую за шикарний випуск, з нетерпінням чекаю контент про адаптив картинок
Дякую, буде!
Чего делаешь? Дякуешь ?)) типа дакаешь но через я?
Классные точные советы без всякой воды и мусора. (и нормальным русским языком без всяких непонятных "умных" сокращений"). ЛАЙК! Никогда не любил (и не люблю) пользоваться готовыми решениями типа ЦМС и ФреймВорков, и еще ни разу ни один дизайнер не сделал так, как я хочу и вижу. А вот использование таких маленьких хитростей.... по сути сами себе делаем удобный фреймворк. Ещё раз нахожу, и видео тому подтверждение, что хочешь сделать хорошо - сделай это сам.
Еще раз лайк.
Спасибо большое!
Ура, наконец-то, я поняла, зачем так избыточно всё одевается в . Спасибо, Женя.
Отличный и подробный ликбез, спасибо))) Всех благ тебе, автор)))
Пожалуйста!
В начале видео ,когда Жека появился на 4х экранах,я думал он скажет ....Привет ,я хочу сиграть с тобой в игру ))))))))))))))
Ахах)
Класс тёска, спасибо) За 40 мин узнал больше чем пару дней гугла
Круто! Я рад что полезно!
Офигенская видосина. Наиоптимальнейшее решение композиции. Помню как я считал что весь сайт в таблицу помещал, был приверженцем отзывчивой вёрстки с минимальной шириной типа ну прокручивай в бок, что такова.
Спасибо!
Я вот учусь в платном курсе, и там не рассказано этого, которого ты объяснял, спасибо тебе большое ты бы знал как ты помогаешь мне, здоровья тебе и твоим родным! Уважаю и люблю тебя!!!
Что не видео то гайд! Как всегда лайк!
Спасибо!
да , спасибо автору . Хорошо подаёшь информацию. Подписываюсь
Спасибо! На канале уже много всего интересного
Спасибо за видео😉 вы мне очень помогли, можете в следующем видео сделать про добавление сайта в поисковики думаю многим это интересно я уже долго ищу про это информацию, но не понимаю.
Спасибо за видео ты лучший 👍🏻
Спасибо!
Наверное самый информативный канал по верстке ) доступно и интересно, без литров воды.
Я вперые вижу такое восхитительное интро, так как он никто материал не припадаёт, спасибо
Спасибо! Лучший канал по вёрстке)
Спасибо! 👍
Отличное видео, большая благодарность автору))
Спасибо!
Ждем верстку макета из примера!
Сделаю)
уже голова болит от информации, но не могу остановиться)))сейчас прохожу онлайн-курсы. там 90% практики, всё пока что нравится, но поверхностно, и однобоко(что-то рассказано 1 вариант и вскользь упомянуты другие варианты) но мне нравится, они дают вектор развития! А твой канал появился в моем поле зрения благодаря их наставлениям (Подписаться минимум на 2-3 блогера по теме и пару групп с обсуждениями тем, которые изучаю)отличный канал!
Нет слов, просто, без лишних слов все понятно. Вы супер!
Я рад!
20:36 - с-ука занием))
Спасибо, Жека! очень полезный у тебя канал! Будут еще стримы по разбору наших работ?
Да, конечно
Лайк 👍 і коментар: Все як завжди класно!!!
Дякую! 🤘
Спасибо Жека за твои труды!!!! Я иногда пытался смотреть другие видео по верстке учебные не ложатся они мне в мози и уши, а твои видео это реальный учебник (все доходчиво о сложном) еще раз огромно спасибо, не перестаю учится и только с тобой.
Как Вы всё круто разложили по полочкам. Структурировано, чисто. Спасибо за старания!
Дорогой, спасибо тебе, качество 150%, пользы 10000%, ты очень крутой особенно в этой ниши, тебя не скучно и не занутно смотреть, все по факту не какой воды, ты просто золото, уважуха тебе и огромный респект)
Спасибо большое!
Спасибо за видео! Как называется плагин, который ты используешь, чтобы как на экранах разных устройств верстка отображалась?
F12 в хроме
а ну-ка признавайтесь, у кого черно-белые мониторы? ))
эх... где ж ты был, когда я свой первый сайт на бутстрапе делал... так намучался с адаптивом, а щас просмотрел и вообще как-то слишком легко. теперь вообще не особо вижу смысл в бутстрапе. Спасибо!
Отлично! Рад что помог!
А что мешало их применять тогда?
@@nikitak7602 Скорей всего ему мешало всеобщее нытьё о том, что без бутстрапа никак и никуда. Помню это хорошо. Все вокруг твердили об необходимости учить бутстрап. Настаивали просто. Ох и насмеялся я тогда. Вот и ягодки пошли. Оказывается, что можно и без библиотек! Жду теперь, когда начнут разбивать в пух и прах ждейквери. Тоже будет ржака!
Увидел этот видеоролик, и, остался на всегда с автором. Даже не знаю как звать. В настоящий момент только начал изучать html и CSS синтаксис, поэтому положил этот видеоролик в закладки, до того момента, когда уже реально смогу применить эти знания на практике. Очень давно хотел узнать как масштабировать контент и разбрасывать его иначе под различные размеры экранов, а тут сразу ответы на практически все вопросы сразу!)) Я б за кружкой пива с автором посидел!))
Зовут Жека, очень приятно)
Взаимно, Жека!)
Не думав, що один ролик зможе вирішити майже всі мої проблеми, класний ролик
Слушай...ну ты молодец. Низко кланяюсь.
Спасибо!
согласен
А я вот еще не учил бутстрап, но умею верстать без него, стоит ли начинать учить bootstrap?
Только если это будет необходимо. Умение верстать чисто намного выше ценится чем шаблонный код
@@FreelancerLifeStyle а это правда, что сейчас уже все использую elementor для создания сайтов, и код сводится к абсолютному минимому?
Стоит. Там учить особо и нечего. Объясню главную идею bootstrap. Допустим, тебе нужно сделать блок карточек товаров, чтобы на большом экране они располагались в 3 колонки, на среднем в 2 а на мобилках в 1. Как ты это сделаешь? Скорее всего, ты в CSS создашь класс, пропишешь ему правила, настроишь медиазапросы с правилами, и т.д. И я так сделаю. И ещё тысячи так сделают. Так почему бы не создать подобные классы для типовых задач, чтобы просто указывая класс элементу сразу получить нужное поведение? Поздравляю, вы только что изучили bootstrap. Дальше только конкретные названия классов, которые добавляют то или иное поведение, которые прекрасно расписаны в документации.
@Имя Фамилия в видео тоже самое сделано несколькими строками и одним классом container. Дальше только менять по дизайну, а не как прописано в бутстрапе. Заказчику пофиг что там написано)
@@FreelancerLifeStyle согласен. Человеку сверху не стоит изучать bootstrap, пусть всё руками пишет.
Видео: bootstrap больше не нужен
я, услышав это слово в первый раз: буду знать
вот только бутстрап это далеко не только ограниченный по ширине контейнер а и куча полезных плюшек "из коробки", да и то, что было написано в данном уроке для контейнера не является сеткой, сетка - это col-xs col-sm и тд а контейнер лишь внешний ограничитель, но в целом мысль верная, бутстрап тяжеловат и если на сайте можно обойтись без него, стоит это сделать
Я просто в восторге. Столько работы проделано автором. Впервые вижу настолько доступную и прекрасно поданную информацию.
Подписался и впервые выставляю колокольчик, именно на вас!
Спасибо! На канале уже много всего полезного! Советую посмотреть)
Фрилансер по жизни - IT и фриланс это даже не обсуждается! Видимо, я ещё и стану впервые патроном
Женя Спасибо. Прям глаза открылись) реально вспомнил ваши слова про то что бесплатный контент бывает лучше чем платный. Кидаю донат. Спасибо вам большое за качественный контент и то что делитесь своими знаниями
жаль знания уже не нужны(((верстальщиков миллионы!
Женя дякую, дуже крута лекція, цілий окремий світ ці медія запити!!!
Спасибо, от души.
Пожалуйста!
йо, видос классный, но пару вопросов:
1) почему ты верстаешь в пикселях, а не в процентах? проценты же дадут больше адаптивности, нет?
2) почему ты не говоришь об MDN, если не рассказываешь о всех вариантах применения медиа-запросов? спека же всегда важна, тем более, что она очень хорошо написана на русском
Держи лайк чисто за нативность! Я тоже за нативность. В жопу библиотеки!
Спасибо!
@@VladimirKrygin-j4d не нужно ничего бояться и писать свой)
@@VladimirKrygin-j4d Та не боюсь я этого. Вопрос в другом. Если передо мной стоит задача подключить гору библиотек, написать за их счёт пару строчек и неоправданно нагрузить сайт, или самому написать 20 - 40 строчек, я выбираю второе, я выбираю хардкор. Это во-первых. Во-вторых, натив меня развлекает. Прикольно, знаешь ли, посидеть поломать голову, если столкнулся с чем-то неведомым. Но это я действую по такой стратегии только для себя, в своих проектах. На фрилансе там конечно временные рамки и такой подход провален.
Евгений , очень развернутый урок по верстке. смотрел не отрывая глаз.
История о том как помогают видео, даже если их не смотреть))) Сижу значит делаю адаптив, и начинаю в devtools менять разрешение. Понимаю, что вся вёрстка поломалась из-за того что Респонсив не работает, хотя мета в шапке есть. Иду смотреть видео Жени, голова полыхает где я мог накосячить. И тут вижу на видео метку - "О контейнере" и вспоминаю, что контейнеру свойства забыл поменять =))) Вот так бывает, помог без просмотра
Мы очень ценим твой труд ! Спасибо.