ты забыл добавить, что изначально разметку желательно под мобайл делать, а потом расширять(хотя наверное этот материал лучше сделать отдельным видео с примером). Материал хороший, но про бутстрап вы зря, если проект не сложный и не большой, я бы выбрал бутстрап, быстрый код никто не отменял), тем более если заказчик не против
@@СергейДемин-г5в про mobile first в видео я говорил. Использовать что то или нет дело каждого. Я даю советы на основе 12ти летнего опыта работы на фрилансе. Можно принимать совет, а можно нет))
@@СергейДемин-г5в я для быстрых не сложных проектов свою сетку написал, плюс кое какие плюшки js как итог только в сетке вместо трёх с лишним тысяч строк вышло всего 450 (без учёта минификации инфа) , а это как понимаешь жирный плюс к скорости загрузки. На написание и тестирование своего мини фреймворка ушло чуть больше 2х часов. Как-то так
прежде чем писать восторженные комменты, попробуй реализовать на практике всё что этот балабол тут нарасказывал. Вот если получится, в чем я сомневаюсь, вот тогда и будешь что-то писать.
@@AlejandroFedorov на самом деле это слишком тяжело сделать самостоятельно. Если все повторять за видосом то офк повторишь, но как начать верстать самостоятельно не понятно(
@@AlejandroFedorov а как иначе учиться? Здесь рассказывают основы, без которых ты далеко не уйдёшь, а уже применение этих основ зависит только от тебя и если ты не понимаешь как это реализовать, то наверное дело в тебе? Как упомянули ранее: "не все такие тупые"
хочу описать свою благодарность тебе как учителю, но честно говоря, не могу найти подходящих слов, одни эмоции:)) На столько всё КРУТО! Я считаю, все кто обучаются по твоим видео, обязаны тебе мат. поддержкой твоего канала, в том числе и я. Конечно же, после того как учёба даст свои плоды;) ОГРОМНЫЙ ЛАЙК Жека!:) Цены тебе нет!
Одно только выражение: "Живи, а работай в свободное время" меня мотивирует. Спасибо за уроки, очень информативно. За неделю уже научился неплохо так понимать что к чему и верстать небольшие простенькие сайты.
@@ВсеволодХрусталев а ты чего достиг за 5 месяцев просто занимаюсь 4недели, интересно узнать уже фрилансишь? Сколько зарабатываешь и какие сайты делаешь
Новичкам рекомендую по истечении времени пересматривать видео-уроки Евгения, подчерпнете много нового что упустили при первом просмотре. Евгений Вам спасибо за труд.
@@FreelancerLifeStyle Спасибо огромное за канал и Ваши видео. Учусь по Вашим роликам. Веб-дизайн освоила на курсах, а вот с версткой вышли консультации больше. Сейчас по Вашим роликам узнаю больше чем на курсах. Спасибо огромное за Ваш труд
Просто "ВАУ!".. Спасибо огромное за отлично сделанную работу, проходил онлайн-курсы у одних товарищей, которые сейчас много где на слуху, сколько бы не морочился с их видео и вопросами к "наставникам" всё опять ссылалось на возвращение к пересмотру видео с практикой, а тут всё не просто кратко, а ЛАКОНИЧНО, что сейчас крайне большая редкость, попросту 0 воды, я даже удивился что прошло почти 40 минут, так как у конкурентов пришлось бы потратить часов 6 и то, не факт что помогло бы (ведь не просто так я попал сюда).В общем, ещё раз благодарю за сделанную работу, видео сохраняю к себе и подписываюсь, потому что только после Вас смог свои сразу 4 макета превратить в полностью отзывчивую верстку на разных устройствах, над которыми морочился неделями и задавал все значения отдельно каждому медиа запросу, пока не сдался и, к счастью, попал сюда. Удачи в развитии канала, добрейший человек!
И дело даже не в том, что информация прекрасно подана, а для меня пожалуй важнее человечный человек несущий знания, воплощающий на практике: "Счастья всем и за даром и пусть ни кто не уйдёт обиженным!" Стругацкие - "Пикник на обочине" Такие люди возвращают во мне потерянную веру в человечество. Спасибо)))
@@Prichuks Да никак!:) Я человек такой который меняет увлечения как носки, вчера интересовался фронтом, а сегодня уже во всю погрузился в 3д моделирование) Я не удивлюсь если через месяц буду учить ui/ux и херачить дизайн) Беру от жизни все что могу, зачем сидеть на месте?
Начинал смотреть эти видео, когда пришел на первую работу. Прошло уже три года, я дорос до мидла, и все равно их пересматриваю по необходимости (на работе почти не верстаю и всякое забывается). Женя, Спасибо тебе за твой труд сквозь года.
Вот это ты залепил!!! За неполных 40 мин. гора полезной инфы. Многие из нас, новичков, дни тратим, чтобы разобраться в таких нюансах... А здесь всё коротко и по теме! Спасибо!
Если честно, я в полном шоке! Так шикарно подать материал, кратко, по делу, но очень понятно и развернуто. После роликов, длинной в 4 часа и разговоров ни о чем, это прям, как глоток свежего воздуха. Спасибо огромное за ваш труд!
и теперь я понял почему это видео №1 в выдаче по запросу "адаптивная верстка" . А я всем бутстрап советовал использовать а тут делов то . эх... не буду оправдываться просто сделаю ролик как делать адаптив без бутстрапа. Жека. Респект тебе , ты просто перевернул игру в мире верстке на Ютубе!!!
Первое видео, которое посмотрел на канале. Учился сам, мучался, искал годный контент, посоветовали разобраться с Бутстрапом. Скачал, посмотрел обучалку и подумал: "Что это за костыли такие, неужели нельзя такую фигню руками сделать?". Залез на Ютуб с соответствующим запросом - БАМ Жекино видео "Вам не нужен Бутстрап!" И понеслось :)
Потрясающее видео про адаптивность. Все четко и разложено по полочкам. Очень полезная фича про вложенность медиазапросов внутрь селектора - код становится более понятным и читабельным. Спасибо за такие видео!
Боже Жень, спасибо тебе большое!) Каждый день расту и понимаю все больше и больше! Это самое крутое ощущение в жизни. Понятно что это не середина и возможно даже не начало пути, но уже ловлю дикое удовольствие, когда заставляю что то работать так, как хочу :D
Пересмотрел столько всяких кучей по вëрстке, и в основном адаптивной. Часов так на дофигилион насмотрел. Но за эти 36 минут узнал столько нового и полезного. Спасибо тебе, мил человек. Где ж ты раньше был? Ну или я где был?))) Спасибо, Друже!!!
Только начал этим заниматься. Сверстал пару макетов и разговор зашел про адаптивность сайтов. 2 дня я курил ману и не понимал, что и как делать и тут этот видос. Привет из Алматы автору и крепкого здоровья в такое время)
Такие занятия я бы смотрел и смотрел! И снято и смонтировано круто, это помимо того, что сам контент на цену золота! Спасибо огромное и отдельное за домашку !!
О боже! Как всё просто рассказано, а ведь на входе я готовился к сложным структурным завихрениям, подключаемым библиотекам и прочим усложнениям... И как я раньше жил, не зная про макеты размеров в Яндекс.Браузере. Дай бог тебе здоровья, автор! P.S. Комментарий получился очень уж набожным, но это потому что эмоции переполняют :)
Всё-таки не поленюсь и напишу тебе этот комментарий, потому что заслужил: Очень помогает, когда ты подробно объясняешь всё и повторяешь по несколько раз (чтоб догнали). Да и то, как ты относишься к своему делу - похвально. Визуально всё выглядит крайне качественно и уютно! Хотелось бы побольше видео про вёрстку и лэндинг (по возможности) - с чего начать и чем закончить. Ты большой молодец, повторяй в том же духе. Поверь, твой труд ненапрасен! P.S. какой плагин добавляет линии на строках кода (если работаю на VS Code)?
Бомбезний ВідеоУрок!!!! Величезне Вам Спасибі за Весь Цей Океан Вашого Безцінного Особистого Досвіду , здобутого "потом та кров"ю" !!!! Респект Величезний!!!
Самый лучший курс! Слава Богу, что встретила не через какое-то время когда уже плюнешь и бросишь заниматься. Я первый раз сайт делаю. Так всё понятно излагаешь, а не так чтобы специально непонятно. Спасибо большое! Буду рекомендовать!
Жека, Привет из Барсы !!! Респект и уважуха за твои выдосы. Твои обьяснения СУПЕР понятны, НО !!!! Несколько раз повторно попадал на твои видео что уже смотрел раньше, и заметил, что опять узнал что то новое что пролетело мимо моих ушей раньше. По чуть чуть пересматриваю снова. Спасибо ОГРОМНОЕ !!!! Здоровья , удачи и процветания !!!! Закончится карантин, будешь планировать поездку в Барсу, соообщи. Удачи !!!!
не думал что все так просто, спасибо тебе огромное за высокую информативность и классную подачу, жду когда шаблоны с уроков будут доступны и простым смертым)
уже голова болит от информации, но не могу остановиться)))сейчас прохожу онлайн-курсы. там 90% практики, всё пока что нравится, но поверхностно, и однобоко(что-то рассказано 1 вариант и вскользь упомянуты другие варианты) но мне нравится, они дают вектор развития! А твой канал появился в моем поле зрения благодаря их наставлениям (Подписаться минимум на 2-3 блогера по теме и пару групп с обсуждениями тем, которые изучаю)отличный канал!
Привет Жека! Невероятно полезный контент. Пересмотрел кучу всяких тюториалов но ни в одном не было такого простого и понятного объяснения адаптивной верстки как у тебя. В следующих выпусках пожалуйста объясни подробнее о флекс баксе и флекс гриде. Это было бы супер!! Спасибо! Продолжай в том же духе!
@@FreelancerLifeStyle сегодня шаблон верстал использовал meta content="width= 1300", затем попробовал написать @media для div, но он не сработал, это из-за этого "meta content="width= 1300" "???
Классные точные советы без всякой воды и мусора. (и нормальным русским языком без всяких непонятных "умных" сокращений"). ЛАЙК! Никогда не любил (и не люблю) пользоваться готовыми решениями типа ЦМС и ФреймВорков, и еще ни разу ни один дизайнер не сделал так, как я хочу и вижу. А вот использование таких маленьких хитростей.... по сути сами себе делаем удобный фреймворк. Ещё раз нахожу, и видео тому подтверждение, что хочешь сделать хорошо - сделай это сам. Еще раз лайк.
Женя Спасибо. Прям глаза открылись) реально вспомнил ваши слова про то что бесплатный контент бывает лучше чем платный. Кидаю донат. Спасибо вам большое за качественный контент и то что делитесь своими знаниями
Я просто в восторге. Столько работы проделано автором. Впервые вижу настолько доступную и прекрасно поданную информацию. Подписался и впервые выставляю колокольчик, именно на вас!
Спасибо вам за подробное описание медиа запросов. Долго не могла понять почему они не срабатывали у меня, но благодаря вашему объяснению все круто получилось!
Спасибо Жека за твои труды!!!! Я иногда пытался смотреть другие видео по верстке учебные не ложатся они мне в мози и уши, а твои видео это реальный учебник (все доходчиво о сложном) еще раз огромно спасибо, не перестаю учится и только с тобой.
Дорогой, спасибо тебе, качество 150%, пользы 10000%, ты очень крутой особенно в этой ниши, тебя не скучно и не занутно смотреть, все по факту не какой воды, ты просто золото, уважуха тебе и огромный респект)
Фрилансер, благодаря тебе у меня теперь есть представление, что представляет из себя адаптивная верстка. Очень доходчиво и подробно рассказал. Спасибо тебе!
Офигенская видосина. Наиоптимальнейшее решение композиции. Помню как я считал что весь сайт в таблицу помещал, был приверженцем отзывчивой вёрстки с минимальной шириной типа ну прокручивай в бок, что такова.
огромное пламенное спасибо! недавно делала адаптив, плохо получалось, мало годной инфы, размеры для медиа запросов не могла найти, пришлось читать про ppi устройств и куда-то закапываться, в итоге друг подсказал как сделать, а ведь могла видео ваше посмотреть, как и делала раньше, нужно взять за правило в любом непонятной ситуации смотреть ваши видосы, а не гугл поиском пользоваться по привычке
Спасибо за видео😉 вы мне очень помогли, можете в следующем видео сделать про добавление сайта в поисковики думаю многим это интересно я уже долго ищу про это информацию, но не понимаю. Спасибо за видео ты лучший 👍🏻
Привет! Наконец-то я понял, как отличить резиновую и адаптивную вёрстку! Отдельная благодарность за хаки! Молоток! С удовольствием понабиваю руку на твоих воркшопах!
Жека, объясняешь конечно замечательно, Респект! Сидел, гонял пару занятий, что по ушам "лупасит", понял. Микрофон у тебя очень чувствительный, все шумы улавливает. Каждый взмах руки в ушах отзывается. :)
эх... где ж ты был, когда я свой первый сайт на бутстрапе делал... так намучался с адаптивом, а щас просмотрел и вообще как-то слишком легко. теперь вообще не особо вижу смысл в бутстрапе. Спасибо!
@@nikitak7602 Скорей всего ему мешало всеобщее нытьё о том, что без бутстрапа никак и никуда. Помню это хорошо. Все вокруг твердили об необходимости учить бутстрап. Настаивали просто. Ох и насмеялся я тогда. Вот и ягодки пошли. Оказывается, что можно и без библиотек! Жду теперь, когда начнут разбивать в пух и прах ждейквери. Тоже будет ржака!
вот только бутстрап это далеко не только ограниченный по ширине контейнер а и куча полезных плюшек "из коробки", да и то, что было написано в данном уроке для контейнера не является сеткой, сетка - это col-xs col-sm и тд а контейнер лишь внешний ограничитель, но в целом мысль верная, бутстрап тяжеловат и если на сайте можно обойтись без него, стоит это сделать
Пока смотрел - мозг вспотел три раза. Переваривать придётся некоторое время. Вся информация ценна. Требуется практика для экспериментов с полученной информацией. Надеюсь ДЗ сможет проработать нужные навыки.
Увидел этот видеоролик, и, остался на всегда с автором. Даже не знаю как звать. В настоящий момент только начал изучать html и CSS синтаксис, поэтому положил этот видеоролик в закладки, до того момента, когда уже реально смогу применить эти знания на практике. Очень давно хотел узнать как масштабировать контент и разбрасывать его иначе под различные размеры экранов, а тут сразу ответы на практически все вопросы сразу!)) Я б за кружкой пива с автором посидел!))
Стоит. Там учить особо и нечего. Объясню главную идею bootstrap. Допустим, тебе нужно сделать блок карточек товаров, чтобы на большом экране они располагались в 3 колонки, на среднем в 2 а на мобилках в 1. Как ты это сделаешь? Скорее всего, ты в CSS создашь класс, пропишешь ему правила, настроишь медиазапросы с правилами, и т.д. И я так сделаю. И ещё тысячи так сделают. Так почему бы не создать подобные классы для типовых задач, чтобы просто указывая класс элементу сразу получить нужное поведение? Поздравляю, вы только что изучили bootstrap. Дальше только конкретные названия классов, которые добавляют то или иное поведение, которые прекрасно расписаны в документации.
@Имя Фамилия в видео тоже самое сделано несколькими строками и одним классом container. Дальше только менять по дизайну, а не как прописано в бутстрапе. Заказчику пофиг что там написано)
йо, видос классный, но пару вопросов: 1) почему ты верстаешь в пикселях, а не в процентах? проценты же дадут больше адаптивности, нет? 2) почему ты не говоришь об MDN, если не рассказываешь о всех вариантах применения медиа-запросов? спека же всегда важна, тем более, что она очень хорошо написана на русском
Крутой! как всегда. Я вот недавно Начал верстать - сверстал пару проектов с нуля до натяжки на Wp. Ух и сложно было, не то что уроки смотреть. Но теперь за то смотришь твои видео и уже на практике понимая, могу забирать себе некоторые кейсы. Спасибо огромное!
@@VladimirKrygin-j4d Та не боюсь я этого. Вопрос в другом. Если передо мной стоит задача подключить гору библиотек, написать за их счёт пару строчек и неоправданно нагрузить сайт, или самому написать 20 - 40 строчек, я выбираю второе, я выбираю хардкор. Это во-первых. Во-вторых, натив меня развлекает. Прикольно, знаешь ли, посидеть поломать голову, если столкнулся с чем-то неведомым. Но это я действую по такой стратегии только для себя, в своих проектах. На фрилансе там конечно временные рамки и такой подход провален.
вот бывает, когда тупо нет слов, дядь, вот не просто спасибо, а спасибище тебе, я многое знал, но некоторые приемы забрал к себе, это не просто познавательный контент, это надо показывать всем кто решит пойти учиться, мне страшно говорить, но такие видео и бесплатным это клад в интернете, пасиб большое в очередной раз, не устаю писать слова благодарности!
Мне Ютуб чисто случайно выдал Ваше видео,и это было очень вовремя. Я очень благодарна Вам,за то, что все так понятно,максимально сжато и ясно подано, как для новичка,так и для человека разбирающегося в теме)) А еще,мне очень нравится то, что на каждом видео Вы присутствуете внизу экрана) Очень приятно слушать Вас и смотреть при этом не только на сайт,но еще и на вас! Очень хороший у вас подход.Как в живую с преподавателем,чувствуется Ваш посыл еще сильнее) И очень приятно на вас смотреть.Люблю смотреть преподавателю в глаза на уроке, а у Вас еще и бонус-они голубые)) (очень не люблю обычные видео других пользователей с закадровым голосом,когда вообще не понимаешь,кто тебе говорит там все, и половина текста идет мимо ушей) Спасибо огромное за работу Вам! Это для меня драгоценная находка!)Лайк, подписка и обеспечение сарафанного радио от меня)
Так нужен был видос более понятный про адаптив,кажется я нашел то что мне нужно !!! Спасибо Женя, ты здорово помогаешь новичкам своими роликами. Побежал тренироваться с адаптивом.
Очень круто. Как для начинающего web-разработчика прямо приятно, когда такие обучающие материалы выкладывают. Да еще и в свободном доступе. Большое вам спасибо.
Ждешь лайк и комментарий - получай! Спасибо за урок, все предельно понятно. В процессе освоения адаптивной верстки на практике наверняка пересмотрю твоё видео ещё 9 раз))
Ценю твой ЛАЙК и КОММЕНТ!
Содержание:
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с код
хочу описать свою благодарность тебе как учителю, но честно говоря, не могу найти подходящих слов, одни эмоции:)) На столько всё КРУТО! Я считаю, все кто обучаются по твоим видео, обязаны тебе мат. поддержкой твоего канала, в том числе и я. Конечно же, после того как учёба даст свои плоды;) ОГРОМНЫЙ ЛАЙК Жека!:) Цены тебе нет!
Спасибо большое! Я очень рад что все это полезно!
Как успехи
@@РасулАлдабергенов-ы8е такой же вопрос)
Одно только выражение: "Живи, а работай в свободное время" меня мотивирует. Спасибо за уроки, очень информативно. За неделю уже научился неплохо так понимать что к чему и верстать небольшие простенькие сайты.
Я занимаюсь уже 4 месяца. Ты за год чего-то достиг?
@@СергейТаран-и3к а чего ты достиг за 5 месяцев? Я просто всего полтора занимаюсь, интересно.
Скинь код
@@ВсеволодХрусталев а ты чего достиг за 5 месяцев просто занимаюсь 4недели, интересно узнать уже фрилансишь? Сколько зарабатываешь и какие сайты делаешь
@@virtualasylum1 А ты чего то достиг за 2 месяца? Я просто всего 10 минут занимаюсь интересно узнать, уже фрилансишь?
Новичкам рекомендую по истечении времени пересматривать видео-уроки Евгения, подчерпнете много нового что упустили при первом просмотре. Евгений Вам спасибо за труд.
Это так не работает)
@@GamerGDS не говори за всех)
Как круто, что ютуб мне порекомендовал этого человека! один из лучших учтилей по вёрстке, что я встречал! спасибо, что там понятно всё описываете
Пожалуйста! Рад что полезно!
Скинь код
@@FreelancerLifeStyle скинь код
Это совершилось!!...на конец то годный видос про адаптив!
Спасибо!
@@FreelancerLifeStyle А у меня не работает
@@FreelancerLifeStyle Спасибо огромное за канал и Ваши видео. Учусь по Вашим роликам. Веб-дизайн освоила на курсах, а вот с версткой вышли консультации больше. Сейчас по Вашим роликам узнаю больше чем на курсах. Спасибо огромное за Ваш труд
Просто "ВАУ!".. Спасибо огромное за отлично сделанную работу, проходил онлайн-курсы у одних товарищей, которые сейчас много где на слуху, сколько бы не морочился с их видео и вопросами к "наставникам" всё опять ссылалось на возвращение к пересмотру видео с практикой, а тут всё не просто кратко, а ЛАКОНИЧНО, что сейчас крайне большая редкость, попросту 0 воды, я даже удивился что прошло почти 40 минут, так как у конкурентов пришлось бы потратить часов 6 и то, не факт что помогло бы (ведь не просто так я попал сюда).В общем, ещё раз благодарю за сделанную работу, видео сохраняю к себе и подписываюсь, потому что только после Вас смог свои сразу 4 макета превратить в полностью отзывчивую верстку на разных устройствах, над которыми морочился неделями и задавал все значения отдельно каждому медиа запросу, пока не сдался и, к счастью, попал сюда. Удачи в развитии канала, добрейший человек!
Спасибо и пожалуйста! Рад что полезно!
Скинь код
@@FreelancerLifeStyle скинь код
И дело даже не в том, что информация прекрасно подана, а для меня пожалуй важнее человечный человек несущий знания, воплощающий на практике: "Счастья всем и за даром и пусть ни кто не уйдёт обиженным!" Стругацкие - "Пикник на обочине"
Такие люди возвращают во мне потерянную веру в человечество. Спасибо)))
Спасибо! Рад что полезно!
Как же хорошо что я попал сюда, для меня как человека который начал осваивать frontend не канал а драгоценность!
Супер! Я рад!
как там с фронтэндом друг? Как два месяца начал сам и уже по сути заканчиваю осваивать верстку. Как успехи?
@@Prichuks Да никак!:) Я человек такой который меняет увлечения как носки, вчера интересовался фронтом, а сегодня уже во всю погрузился в 3д моделирование) Я не удивлюсь если через месяц буду учить ui/ux и херачить дизайн) Беру от жизни все что могу, зачем сидеть на месте?
@@Prichuks как успехи? Пробовал ли брать заказы на фрилансе?
@@ithinkitsatiger1864 Как моделирование? Раньше тоже моделированием увлекался на недолгое время , в блендере моделировал, а ты как?
501й коммент)) Жека, у тебя просто дар преподавателя!. Даже слов нет , как тебя ещё назвать)
Спасибо!
Ну наконец то появился нормальный учитель и объяснил простым языком на примерах, адаптив. Все по делу и без всякой слизи. Так держать!!!
Лучшая годнота что я видел по верстке. Чувак тебе определенно некогда лить воду.
Спасибо!
Начинал смотреть эти видео, когда пришел на первую работу. Прошло уже три года, я дорос до мидла, и все равно их пересматриваю по необходимости (на работе почти не верстаю и всякое забывается). Женя, Спасибо тебе за твой труд сквозь года.
Видно, что бескорыстно учит. Просто Женя -- учитель от Бога, он испытывает потребность обучать людей.
Вот это ты залепил!!! За неполных 40 мин. гора полезной инфы. Многие из нас, новичков, дни тратим, чтобы разобраться в таких нюансах... А здесь всё коротко и по теме! Спасибо!
Спасибо! Еще есть что рассказать уже более подробно и на примерах, но общую информацию постарался изложить)
Если честно, я в полном шоке! Так шикарно подать материал, кратко, по делу, но очень понятно и развернуто. После роликов, длинной в 4 часа и разговоров ни о чем, это прям, как глоток свежего воздуха. Спасибо огромное за ваш труд!
Скинь код
Никогда не встречал подобного упорядоченного руководства для создания адаптивности, на ютубе. Спасибо!
Пожалуйста!
и теперь я понял почему это видео №1 в выдаче по запросу "адаптивная верстка" .
А я всем бутстрап советовал использовать а тут делов то . эх... не буду оправдываться просто сделаю ролик как делать адаптив без бутстрапа.
Жека. Респект тебе , ты просто перевернул игру в мире верстке на Ютубе!!!
Спасибо!
Бутстрап это просто набор дефолтных элементов, а делать на нём лучше не потому что иначе нельзя. а потому что твоя вёрстка будет понятнее другим
Первое видео, которое посмотрел на канале.
Учился сам, мучался, искал годный контент, посоветовали разобраться с Бутстрапом. Скачал, посмотрел обучалку и подумал: "Что это за костыли такие, неужели нельзя такую фигню руками сделать?".
Залез на Ютуб с соответствующим запросом - БАМ Жекино видео "Вам не нужен Бутстрап!" И понеслось :)
Хех, отлично!
Потрясающее видео про адаптивность. Все четко и разложено по полочкам. Очень полезная фича про вложенность медиазапросов внутрь селектора - код становится более понятным и читабельным. Спасибо за такие видео!
Пожалуйста! Рад что полезно!
Господи, чтоб вы долго жили. Как же всё понятно🤯❤️
Спасибо! Я рад!
Боже Жень, спасибо тебе большое!) Каждый день расту и понимаю все больше и больше! Это самое крутое ощущение в жизни. Понятно что это не середина и возможно даже не начало пути, но уже ловлю дикое удовольствие, когда заставляю что то работать так, как хочу :D
Супер! Я рад!
Пересмотрел столько всяких кучей по вëрстке, и в основном адаптивной. Часов так на дофигилион насмотрел. Но за эти 36 минут узнал столько нового и полезного. Спасибо тебе, мил человек. Где ж ты раньше был? Ну или я где был?))) Спасибо, Друже!!!
Только начал этим заниматься. Сверстал пару макетов и разговор зашел про адаптивность сайтов. 2 дня я курил ману и не понимал, что и как делать и тут этот видос. Привет из Алматы автору и крепкого здоровья в такое время)
Спасибо!
Замечательно! Вы не только Фрилансер по жизни, но и крутой преподаватель! Большое спасибо за Ваши работы! Дальнейших Вам творческих успехов! Леонид
Пожалуйста! Рад что полезно!
Я от тебя тащусь, превосходная подача материала, от такого оригинального начала чуть не расплакался :D
Спасибо! Стараюсь!
Такие занятия я бы смотрел и смотрел! И снято и смонтировано круто, это помимо того, что сам контент на цену золота! Спасибо огромное и отдельное за домашку !!
Скинь код
О боже! Как всё просто рассказано, а ведь на входе я готовился к сложным структурным завихрениям, подключаемым библиотекам и прочим усложнениям... И как я раньше жил, не зная про макеты размеров в Яндекс.Браузере. Дай бог тебе здоровья, автор!
P.S. Комментарий получился очень уж набожным, но это потому что эмоции переполняют :)
Всё-таки не поленюсь и напишу тебе этот комментарий, потому что заслужил:
Очень помогает, когда ты подробно объясняешь всё и повторяешь по несколько раз (чтоб догнали).
Да и то, как ты относишься к своему делу - похвально. Визуально всё выглядит крайне качественно и уютно!
Хотелось бы побольше видео про вёрстку и лэндинг (по возможности) - с чего начать и чем закончить.
Ты большой молодец, повторяй в том же духе. Поверь, твой труд ненапрасен!
P.S. какой плагин добавляет линии на строках кода (если работаю на VS Code)?
Спасибо! Я стараюсь)
VS Code по по-моему без плагина можно включить. Будет по нему выпуск.
Жека, Ты просто находка для новичка такого как я. Начал заниматься по твоим урокам - просто бомба, рэспэкт и уважуха !!! Держу курс на Тебя !!! )
Научился чему неибудь?
Красава, Жека! Видно, что развиваешься! Классные заставки на видео! Очень сильно помогаешь мне, спасибо.
Спасибо! Стараюсь)
Бомбезний ВідеоУрок!!!!
Величезне Вам Спасибі за Весь Цей Океан Вашого Безцінного Особистого Досвіду , здобутого "потом та кров"ю" !!!!
Респект Величезний!!!
Самый лучший курс! Слава Богу, что встретила не через какое-то время когда уже плюнешь и бросишь заниматься. Я первый раз сайт делаю. Так всё понятно излагаешь, а не так чтобы специально непонятно. Спасибо большое! Буду рекомендовать!
Спасибо! Рад что нравится!
Самый полезный канал по верстке который я видел. Удачи в продвижении. Интересно кто поставил 1 дизлайк
Спасибо большое! Я стараюсь! Ну как же без дизов)
Дизлайк Хауди поставил видимо))
уже 131 дизлайк. Откуда??
Спасибо большое за твой труд, секономил новичкам несколько дней жизни.
Супер! Рад что полезно!
Очень круто! За подачу и монтаж отдельный респект!
Спасибо! 👍
Сколько не смотрю канал Жеки, всегда информация заходит отлично. В преподаватели нужно ему идти! Жить и развиваться - верно подмечено !
Женя, раньше адаптив казался мне страшной вещью, теперь же, все мои страхи развеялись. Большое спасибо за твоё творчество.
Жека, Привет из Барсы !!! Респект и уважуха за твои выдосы. Твои обьяснения СУПЕР понятны, НО !!!! Несколько раз повторно попадал на твои видео что уже смотрел раньше, и заметил, что опять узнал что то новое что пролетело мимо моих ушей раньше. По чуть чуть пересматриваю снова. Спасибо ОГРОМНОЕ !!!! Здоровья , удачи и процветания !!!! Закончится карантин, будешь планировать поездку в Барсу, соообщи. Удачи !!!!
Спасибо! Обязательно!
не думал что все так просто, спасибо тебе огромное за высокую информативность и классную подачу, жду когда шаблоны с уроков будут доступны и простым смертым)
Мужик, честно, как же ты крут! Спасибо за твой труд!
уже голова болит от информации, но не могу остановиться)))сейчас прохожу онлайн-курсы. там 90% практики, всё пока что нравится, но поверхностно, и однобоко(что-то рассказано 1 вариант и вскользь упомянуты другие варианты) но мне нравится, они дают вектор развития! А твой канал появился в моем поле зрения благодаря их наставлениям (Подписаться минимум на 2-3 блогера по теме и пару групп с обсуждениями тем, которые изучаю)отличный канал!
Не думав, що один ролик зможе вирішити майже всі мої проблеми, класний ролик
Привет Жека! Невероятно полезный контент. Пересмотрел кучу всяких тюториалов но ни в одном не было такого простого и понятного объяснения адаптивной верстки как у тебя. В следующих выпусках пожалуйста объясни подробнее о флекс баксе и флекс гриде. Это было бы супер!! Спасибо! Продолжай в том же духе!
Это топ видео про верстку. Благослови тебя Господь!
Пожалуйста!
@@FreelancerLifeStyle сегодня шаблон верстал использовал meta content="width= 1300", затем попробовал написать @media для div, но он не сработал, это из-за этого "meta content="width= 1300" "???
Классные точные советы без всякой воды и мусора. (и нормальным русским языком без всяких непонятных "умных" сокращений"). ЛАЙК! Никогда не любил (и не люблю) пользоваться готовыми решениями типа ЦМС и ФреймВорков, и еще ни разу ни один дизайнер не сделал так, как я хочу и вижу. А вот использование таких маленьких хитростей.... по сути сами себе делаем удобный фреймворк. Ещё раз нахожу, и видео тому подтверждение, что хочешь сделать хорошо - сделай это сам.
Еще раз лайк.
Спасибо большое!
Женя Спасибо. Прям глаза открылись) реально вспомнил ваши слова про то что бесплатный контент бывает лучше чем платный. Кидаю донат. Спасибо вам большое за качественный контент и то что делитесь своими знаниями
жаль знания уже не нужны(((верстальщиков миллионы!
Талант автора- он и в африке-талант!
Спасибо!
Дякую за шикарний випуск, з нетерпінням чекаю контент про адаптив картинок
Дякую, буде!
Чего делаешь? Дякуешь ?)) типа дакаешь но через я?
Норм, все доходчиво и понятно, без лишней воды и нудятины))
Лайк + подписка)
Спасибо!
Я просто в восторге. Столько работы проделано автором. Впервые вижу настолько доступную и прекрасно поданную информацию.
Подписался и впервые выставляю колокольчик, именно на вас!
Спасибо! На канале уже много всего полезного! Советую посмотреть)
Фрилансер по жизни - IT и фриланс это даже не обсуждается! Видимо, я ещё и стану впервые патроном
Спасибо вам за подробное описание медиа запросов. Долго не могла понять почему они не срабатывали у меня, но благодаря вашему объяснению все круто получилось!
Спасибо Жека за твои труды!!!! Я иногда пытался смотреть другие видео по верстке учебные не ложатся они мне в мози и уши, а твои видео это реальный учебник (все доходчиво о сложном) еще раз огромно спасибо, не перестаю учится и только с тобой.
Жека вот тебе тема для "как это сделать" - слайдер, какой-нибудь не очень сложный с минимумом js. Думаю многим будет интересно.
Да, будет, спасибо!
Navigator UA залайкайте в топ
slick слайдер топчик
дык, слайдер даже с 3d эфектами на голом css можно запилить на изи без js (от слова совсем без js)
А можно пожалуйста слайдер на ванильном Js, без всякой дряни вроде jQuery, slick, qodeSlider...
Дорогой, спасибо тебе, качество 150%, пользы 10000%, ты очень крутой особенно в этой ниши, тебя не скучно и не занутно смотреть, все по факту не какой воды, ты просто золото, уважуха тебе и огромный респект)
Спасибо большое!
Мужик, ты на вес золота, ей-Богу. Объясняешь по факту за "спасибо" в миллионы раз лучше преподов на разных курсах.
Скинь код
Информативно, я как человек который знает в его несколько тегов, понимаю куда двигаться дальше.
Супер! Я рад!
P, H1 , DIV))
@@awenn2015 следишь за мной?
Отличный и подробный ликбез, спасибо))) Всех благ тебе, автор)))
Пожалуйста!
Низкий поклон за ваши труды. Огромное спасибо.
1 слово: умничка! Реально, без воды, понятно, конкретно и суть! Спасибо. Подписался.
Пожалуйста!
Жека ты крут, ещё ни у кого не видел, чтоб оставляли домашку, да и контент хорошо структурирован. Лайк однозначно
Спасибо!
Класс тёска, спасибо) За 40 мин узнал больше чем пару дней гугла
Круто! Я рад что полезно!
В начале видео ,когда Жека появился на 4х экранах,я думал он скажет ....Привет ,я хочу сиграть с тобой в игру ))))))))))))))
Ахах)
Спасибо! Лучший канал по вёрстке)
Спасибо! 👍
Фрилансер, благодаря тебе у меня теперь есть представление, что представляет из себя адаптивная верстка. Очень доходчиво и подробно рассказал. Спасибо тебе!
Офигенская видосина. Наиоптимальнейшее решение композиции. Помню как я считал что весь сайт в таблицу помещал, был приверженцем отзывчивой вёрстки с минимальной шириной типа ну прокручивай в бок, что такова.
Спасибо!
Что не видео то гайд! Как всегда лайк!
Спасибо!
Лайк 👍 і коментар: Все як завжди класно!!!
Дякую! 🤘
20:36 - с-ука занием))
Спасибо, Жека! очень полезный у тебя канал! Будут еще стримы по разбору наших работ?
Да, конечно
Я вперые вижу такое восхитительное интро, так как он никто материал не припадаёт, спасибо
огромное пламенное спасибо! недавно делала адаптив, плохо получалось, мало годной инфы, размеры для медиа запросов не могла найти, пришлось читать про ppi устройств и куда-то закапываться, в итоге друг подсказал как сделать, а ведь могла видео ваше посмотреть, как и делала раньше, нужно взять за правило в любом непонятной ситуации смотреть ваши видосы, а не гугл поиском пользоваться по привычке
Я рад что полезно!
да , спасибо автору . Хорошо подаёшь информацию. Подписываюсь
Спасибо! На канале уже много всего интересного
Спасибо за видео😉 вы мне очень помогли, можете в следующем видео сделать про добавление сайта в поисковики думаю многим это интересно я уже долго ищу про это информацию, но не понимаю.
Спасибо за видео ты лучший 👍🏻
Спасибо!
Отличное видео, большая благодарность автору))
Спасибо!
Привет! Наконец-то я понял, как отличить резиновую и адаптивную вёрстку! Отдельная благодарность за хаки! Молоток! С удовольствием понабиваю руку на твоих воркшопах!
Я рад!
Жека, объясняешь конечно замечательно, Респект! Сидел, гонял пару занятий, что по ушам "лупасит", понял. Микрофон у тебя очень чувствительный, все шумы улавливает. Каждый взмах руки в ушах отзывается. :)
Да, немного оплошал со звуком( дальше исправился
Ждем верстку макета из примера!
Сделаю)
эх... где ж ты был, когда я свой первый сайт на бутстрапе делал... так намучался с адаптивом, а щас просмотрел и вообще как-то слишком легко. теперь вообще не особо вижу смысл в бутстрапе. Спасибо!
Отлично! Рад что помог!
А что мешало их применять тогда?
@@nikitak7602 Скорей всего ему мешало всеобщее нытьё о том, что без бутстрапа никак и никуда. Помню это хорошо. Все вокруг твердили об необходимости учить бутстрап. Настаивали просто. Ох и насмеялся я тогда. Вот и ягодки пошли. Оказывается, что можно и без библиотек! Жду теперь, когда начнут разбивать в пух и прах ждейквери. Тоже будет ржака!
Спасибо за видео! Как называется плагин, который ты используешь, чтобы как на экранах разных устройств верстка отображалась?
F12 в хроме
я просто оставлю этот коммент в 2020, это просто лучший канал по верстке, спасибо тебе огромное!
Спасибо!
Спасибо, от души.
Пожалуйста!
Видео: bootstrap больше не нужен
я, услышав это слово в первый раз: буду знать
вот только бутстрап это далеко не только ограниченный по ширине контейнер а и куча полезных плюшек "из коробки", да и то, что было написано в данном уроке для контейнера не является сеткой, сетка - это col-xs col-sm и тд а контейнер лишь внешний ограничитель, но в целом мысль верная, бутстрап тяжеловат и если на сайте можно обойтись без него, стоит это сделать
Слушай...ну ты молодец. Низко кланяюсь.
Спасибо!
согласен
Пока смотрел - мозг вспотел три раза. Переваривать придётся некоторое время. Вся информация ценна. Требуется практика для экспериментов с полученной информацией. Надеюсь ДЗ сможет проработать нужные навыки.
Все верно, без практики никак
Увидел этот видеоролик, и, остался на всегда с автором. Даже не знаю как звать. В настоящий момент только начал изучать html и CSS синтаксис, поэтому положил этот видеоролик в закладки, до того момента, когда уже реально смогу применить эти знания на практике. Очень давно хотел узнать как масштабировать контент и разбрасывать его иначе под различные размеры экранов, а тут сразу ответы на практически все вопросы сразу!)) Я б за кружкой пива с автором посидел!))
Зовут Жека, очень приятно)
Взаимно, Жека!)
А я вот еще не учил бутстрап, но умею верстать без него, стоит ли начинать учить bootstrap?
Только если это будет необходимо. Умение верстать чисто намного выше ценится чем шаблонный код
@@FreelancerLifeStyle а это правда, что сейчас уже все использую elementor для создания сайтов, и код сводится к абсолютному минимому?
Стоит. Там учить особо и нечего. Объясню главную идею bootstrap. Допустим, тебе нужно сделать блок карточек товаров, чтобы на большом экране они располагались в 3 колонки, на среднем в 2 а на мобилках в 1. Как ты это сделаешь? Скорее всего, ты в CSS создашь класс, пропишешь ему правила, настроишь медиазапросы с правилами, и т.д. И я так сделаю. И ещё тысячи так сделают. Так почему бы не создать подобные классы для типовых задач, чтобы просто указывая класс элементу сразу получить нужное поведение? Поздравляю, вы только что изучили bootstrap. Дальше только конкретные названия классов, которые добавляют то или иное поведение, которые прекрасно расписаны в документации.
@Имя Фамилия в видео тоже самое сделано несколькими строками и одним классом container. Дальше только менять по дизайну, а не как прописано в бутстрапе. Заказчику пофиг что там написано)
@@FreelancerLifeStyle согласен. Человеку сверху не стоит изучать bootstrap, пусть всё руками пишет.
йо, видос классный, но пару вопросов:
1) почему ты верстаешь в пикселях, а не в процентах? проценты же дадут больше адаптивности, нет?
2) почему ты не говоришь об MDN, если не рассказываешь о всех вариантах применения медиа-запросов? спека же всегда важна, тем более, что она очень хорошо написана на русском
а ну-ка признавайтесь, у кого черно-белые мониторы? ))
Это для электронных книг на базе андроид)
Жень, твои уроки мотивирую развиваться в вэб-разработке. Очередное спасибо за урок! Пора тебе открывать свою школу.
Школа работает, спасибо!
Крутой! как всегда. Я вот недавно Начал верстать - сверстал пару проектов с нуля до натяжки на Wp. Ух и сложно было, не то что уроки смотреть. Но теперь за то смотришь твои видео и уже на практике понимая, могу забирать себе некоторые кейсы. Спасибо огромное!
Держи лайк чисто за нативность! Я тоже за нативность. В жопу библиотеки!
Спасибо!
@@VladimirKrygin-j4d не нужно ничего бояться и писать свой)
@@VladimirKrygin-j4d Та не боюсь я этого. Вопрос в другом. Если передо мной стоит задача подключить гору библиотек, написать за их счёт пару строчек и неоправданно нагрузить сайт, или самому написать 20 - 40 строчек, я выбираю второе, я выбираю хардкор. Это во-первых. Во-вторых, натив меня развлекает. Прикольно, знаешь ли, посидеть поломать голову, если столкнулся с чем-то неведомым. Но это я действую по такой стратегии только для себя, в своих проектах. На фрилансе там конечно временные рамки и такой подход провален.
вот бывает, когда тупо нет слов, дядь, вот не просто спасибо, а спасибище тебе, я многое знал, но некоторые приемы забрал к себе, это не просто познавательный контент, это надо показывать всем кто решит пойти учиться, мне страшно говорить, но такие видео и бесплатным это клад в интернете, пасиб большое в очередной раз, не устаю писать слова благодарности!
Мне Ютуб чисто случайно выдал Ваше видео,и это было очень вовремя.
Я очень благодарна Вам,за то, что все так понятно,максимально сжато и ясно подано, как для новичка,так и для человека разбирающегося в теме))
А еще,мне очень нравится то, что на каждом видео Вы присутствуете внизу экрана) Очень приятно слушать Вас и смотреть при этом не только на сайт,но еще и на вас! Очень хороший у вас подход.Как в живую с преподавателем,чувствуется Ваш посыл еще сильнее) И очень приятно на вас смотреть.Люблю смотреть преподавателю в глаза на уроке, а у Вас еще и бонус-они голубые)) (очень не люблю обычные видео других пользователей с закадровым голосом,когда вообще не понимаешь,кто тебе говорит там все, и половина текста идет мимо ушей)
Спасибо огромное за работу Вам! Это для меня драгоценная находка!)Лайк, подписка и обеспечение сарафанного радио от меня)
Спасибо большое! Стараюсь!
Так нужен был видос более понятный про адаптив,кажется я нашел то что мне нужно !!! Спасибо Женя, ты здорово помогаешь новичкам своими роликами. Побежал тренироваться с адаптивом.
Пожалуйста!
Очень круто. Как для начинающего web-разработчика прямо приятно, когда такие обучающие материалы выкладывают. Да еще и в свободном доступе. Большое вам спасибо.
Пожалуйста!
Ждешь лайк и комментарий - получай! Спасибо за урок, все предельно понятно. В процессе освоения адаптивной верстки на практике наверняка пересмотрю твоё видео ещё 9 раз))
Красавчик! Приятный голос, доступное и простое изложение! А главное много примерах и объясняешь все на пальцах! Спасибо.
Пожалуйста!
Не стал верить комментариям под твоими видосами, решил убедится сам, Хах а ты реально крут!!) Спасибо за контент, очень полезно!
Я рад!