Responsive web design in 37 minutes + layout. You don’t need Bootstrap!

[@FreelancerLifeStyle]

Ценю твой ЛАЙК и КОММЕНТ! Содержание: 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/

[@ULADZISLAUKRAUCHUK]

Привет, возможно не по теме, но хотелось бы узнать про Responsive в Chrome это расширение или что та другое ?

[@СергейДемин-г5в]

ты забыл добавить, что изначально разметку желательно под мобайл делать, а потом расширять(хотя наверное этот материал лучше сделать отдельным видео с примером). Материал хороший, но про бутстрап вы зря, если проект не сложный и не большой, я бы выбрал бутстрап, быстрый код никто не отменял), тем более если заказчик не против

[@FreelancerLifeStyle]

@@СергейДемин-г5в про mobile first в видео я говорил. Использовать что то или нет дело каждого. Я даю советы на основе 12ти летнего опыта работы на фрилансе. Можно принимать совет, а можно нет))

[@SergiyPolar]

@@СергейДемин-г5в я для быстрых не сложных проектов свою сетку написал, плюс кое какие плюшки js как итог только в сетке вместо трёх с лишним тысяч строк вышло всего 450 (без учёта минификации инфа) , а это как понимаешь жирный плюс к скорости загрузки. На написание и тестирование своего мини фреймворка ушло чуть больше 2х часов. Как-то так

[@ЕвгенийТихонов-н1ф]

@@FreelancerLifeStyle Спасибо благодаря вам я понял свои шибки скажите вас можете сделать разбор моей вёрстки и моего адапива.

[@TakuatChanel]

Ты хоть представляешь, насколько ты всем помог?! Уважение тебе за такие старания.

[@FreelancerLifeStyle]

Надеюсь помог! Спасибо! 🤘👍

[@vd7533]

@@FreelancerLifeStyle делаю сейчас сайт для финального проекта курсов. Буду использовать ваши советы из видео. Спасибо!

[@МусхабЯ]

@@FreelancerLifeStyle Очень 🤝

[@Кира-ы4с]

@@FreelancerLifeStyle скинь код

[@FreelancerLifeStyle]

@@Кира-ы4с код

[@andreylebedev1053]

Он еще и домашку дает. Боже храни этот канал! Куча годной инфы. Один из тех самых моментов, когда алгоритмы ютуба не подвели!

[@sergeyturin7946]

Только из за этого комента посмотрел видос)))))))

[@AlejandroFedorov]

прежде чем писать восторженные комменты, попробуй реализовать на практике всё что этот балабол тут нарасказывал. Вот если получится, в чем я сомневаюсь, вот тогда и будешь что-то писать.

[@maximvolkov9398]

@@AlejandroFedorov на самом деле это слишком тяжело сделать самостоятельно. Если все повторять за видосом то офк повторишь, но как начать верстать самостоятельно не понятно(

[@it6077]

@@AlejandroFedorov злая обиженка, которая не может принять информацию и применить её, не говори за всех. Не все такие тупые

[@sadmearise6202]

@@AlejandroFedorov а как иначе учиться? Здесь рассказывают основы, без которых ты далеко не уйдёшь, а уже применение этих основ зависит только от тебя и если ты не понимаешь как это реализовать, то наверное дело в тебе? Как упомянули ранее: "не все такие тупые"

[@mariadawnwork9387]

И дело даже не в том, что информация прекрасно подана, а для меня пожалуй важнее человечный человек несущий знания, воплощающий на практике: "Счастья всем и за даром и пусть ни кто не уйдёт обиженным!" Стругацкие - "Пикник на обочине" Такие люди возвращают во мне потерянную веру в человечество. Спасибо)))

[@FreelancerLifeStyle]

Спасибо! Рад что полезно!

[@abdullaevfarhad7884]

Начинал смотреть эти видео, когда пришел на первую работу. Прошло уже три года, я дорос до мидла, и все равно их пересматриваю по необходимости (на работе почти не верстаю и всякое забывается). Женя, Спасибо тебе за твой труд сквозь года.

[@АлексейКожевников-ж4з]

Новичкам рекомендую по истечении времени пересматривать видео-уроки Евгения, подчерпнете много нового что упустили при первом просмотре. Евгений Вам спасибо за труд.

[@GamerGDS]

Это так не работает)

[@aleksandrkremer6556]

@@GamerGDS не говори за всех)

[@AntaresOneTwo]

Одно только выражение: "Живи, а работай в свободное время" меня мотивирует. Спасибо за уроки, очень информативно. За неделю уже научился неплохо так понимать что к чему и верстать небольшие простенькие сайты.

[@СергейТаран-и3к]

Я занимаюсь уже 4 месяца. Ты за год чего-то достиг?

[@ВсеволодХрусталев]

@@СергейТаран-и3к а чего ты достиг за 5 месяцев? Я просто всего полтора занимаюсь, интересно.

[@Кира-ы4с]

Скинь код

[@virtualasylum1]

@@ВсеволодХрусталев а ты чего достиг за 5 месяцев просто занимаюсь 4недели, интересно узнать уже фрилансишь? Сколько зарабатываешь и какие сайты делаешь

[@Никита-п1й8й]

@@virtualasylum1 А ты чего то достиг за 2 месяца? Я просто всего 10 минут занимаюсь интересно узнать, уже фрилансишь?

[@Oxi-s9j]

Господи, чтоб вы долго жили. Как же всё понятно🤯❤️

[@FreelancerLifeStyle]

Спасибо! Я рад!

[@ukraine_son]

Никогда не встречал подобного упорядоченного руководства для создания адаптивности, на ютубе. Спасибо!

[@FreelancerLifeStyle]

Пожалуйста!

[@КостяТрубин-д5х]

Видно, что бескорыстно учит. Просто Женя -- учитель от Бога, он испытывает потребность обучать людей.

[@oshimel]

Самый лучший курс! Слава Богу, что встретила не через какое-то время когда уже плюнешь и бросишь заниматься. Я первый раз сайт делаю. Так всё понятно излагаешь, а не так чтобы специально непонятно. Спасибо большое! Буду рекомендовать!

[@FreelancerLifeStyle]

Спасибо! Рад что нравится!

[@sterd0]

Ну наконец то появился нормальный учитель и объяснил простым языком на примерах, адаптив. Все по делу и без всякой слизи. Так держать!!!

[@МихаилРазуваев-ь6л]

Вот это ты залепил!!! За неполных 40 мин. гора полезной инфы. Многие из нас, новичков, дни тратим, чтобы разобраться в таких нюансах... А здесь всё коротко и по теме! Спасибо!

[@FreelancerLifeStyle]

Спасибо! Еще есть что рассказать уже более подробно и на примерах, но общую информацию постарался изложить)

[@Mifuragon]

Как круто, что ютуб мне порекомендовал этого человека! один из лучших учтилей по вёрстке, что я встречал! спасибо, что там понятно всё описываете

[@FreelancerLifeStyle]

Пожалуйста! Рад что полезно!

[@Кира-ы4с]

Скинь код

[@Кира-ы4с]

@@FreelancerLifeStyle скинь код

[@orchidkido3966]

Мужик, ты на вес золота, ей-Богу. Объясняешь по факту за "спасибо" в миллионы раз лучше преподов на разных курсах.

[@Кира-ы4с]

Скинь код

[@МихаилПопков-ь1л]

Только начал этим заниматься. Сверстал пару макетов и разговор зашел про адаптивность сайтов. 2 дня я курил ману и не понимал, что и как делать и тут этот видос. Привет из Алматы автору и крепкого здоровья в такое время)

[@FreelancerLifeStyle]

Спасибо!

[@АлександрШвец-г4з]

Это совершилось!!...на конец то годный видос про адаптив!

[@FreelancerLifeStyle]

Спасибо!

[@ЕвгенийТихонов-н1ф]

@@FreelancerLifeStyle А у меня не работает

[@yuliyagryschenko8051]

@@FreelancerLifeStyle Спасибо огромное за канал и Ваши видео. Учусь по Вашим роликам. Веб-дизайн освоила на курсах, а вот с версткой вышли консультации больше. Сейчас по Вашим роликам узнаю больше чем на курсах. Спасибо огромное за Ваш труд

[@ithinkitsatiger1864]

Как же хорошо что я попал сюда, для меня как человека который начал осваивать frontend не канал а драгоценность!

[@FreelancerLifeStyle]

Супер! Я рад!

[@Prichuks]

как там с фронтэндом друг? Как два месяца начал сам и уже по сути заканчиваю осваивать верстку. Как успехи?

[@ithinkitsatiger1864]

@@Prichuks Да никак!:) Я человек такой который меняет увлечения как носки, вчера интересовался фронтом, а сегодня уже во всю погрузился в 3д моделирование) Я не удивлюсь если через месяц буду учить ui/ux и херачить дизайн) Беру от жизни все что могу, зачем сидеть на месте?

[@sashakuk3365]

@@Prichuks как успехи? Пробовал ли брать заказы на фрилансе?

[@flashback8504]

@@ithinkitsatiger1864 Как моделирование? Раньше тоже моделированием увлекался на недолгое время , в блендере моделировал, а ты как?

[@СергійК-з5т]

Бомбезний ВідеоУрок!!!! Величезне Вам Спасибі за Весь Цей Океан Вашого Безцінного Особистого Досвіду , здобутого "потом та кров"ю" !!!! Респект Величезний!!!

[@AlexBurkun]

Просто "ВАУ!".. Спасибо огромное за отлично сделанную работу, проходил онлайн-курсы у одних товарищей, которые сейчас много где на слуху, сколько бы не морочился с их видео и вопросами к "наставникам" всё опять ссылалось на возвращение к пересмотру видео с практикой, а тут всё не просто кратко, а ЛАКОНИЧНО, что сейчас крайне большая редкость, попросту 0 воды, я даже удивился что прошло почти 40 минут, так как у конкурентов пришлось бы потратить часов 6 и то, не факт что помогло бы (ведь не просто так я попал сюда).В общем, ещё раз благодарю за сделанную работу, видео сохраняю к себе и подписываюсь, потому что только после Вас смог свои сразу 4 макета превратить в полностью отзывчивую верстку на разных устройствах, над которыми морочился неделями и задавал все значения отдельно каждому медиа запросу, пока не сдался и, к счастью, попал сюда. Удачи в развитии канала, добрейший человек!

[@FreelancerLifeStyle]

Спасибо и пожалуйста! Рад что полезно!

[@Кира-ы4с]

Скинь код

[@Кира-ы4с]

@@FreelancerLifeStyle скинь код

[@paltseveugeny]

Потрясающее видео про адаптивность. Все четко и разложено по полочкам. Очень полезная фича про вложенность медиазапросов внутрь селектора - код становится более понятным и читабельным. Спасибо за такие видео!

[@FreelancerLifeStyle]

Пожалуйста! Рад что полезно!

[@deuscrowley7456]

Если честно, я в полном шоке! Так шикарно подать материал, кратко, по делу, но очень понятно и развернуто. После роликов, длинной в 4 часа и разговоров ни о чем, это прям, как глоток свежего воздуха. Спасибо огромное за ваш труд!

[@Кира-ы4с]

Скинь код

[@АлександрДемьянченко-у7р]

О боже! Как всё просто рассказано, а ведь на входе я готовился к сложным структурным завихрениям, подключаемым библиотекам и прочим усложнениям... И как я раньше жил, не зная про макеты размеров в Яндекс.Браузере. Дай бог тебе здоровья, автор! P.S. Комментарий получился очень уж набожным, но это потому что эмоции переполняют :)

[@demarziomihalich5580]

Пересмотрел столько всяких кучей по вëрстке, и в основном адаптивной. Часов так на дофигилион насмотрел. Но за эти 36 минут узнал столько нового и полезного. Спасибо тебе, мил человек. Где ж ты раньше был? Ну или я где был?))) Спасибо, Друже!!!

[@onebytesiteit30-75]

и теперь я понял почему это видео №1 в выдаче по запросу "адаптивная верстка" . А я всем бутстрап советовал использовать а тут делов то . эх... не буду оправдываться просто сделаю ролик как делать адаптив без бутстрапа. Жека. Респект тебе , ты просто перевернул игру в мире верстке на Ютубе!!!

[@FreelancerLifeStyle]

Спасибо!

[@andreybessonov5895]

Бутстрап это просто набор дефолтных элементов, а делать на нём лучше не потому что иначе нельзя. а потому что твоя вёрстка будет понятнее другим

[@ЛеонидТолстых-н9о]

Замечательно! Вы не только Фрилансер по жизни, но и крутой преподаватель! Большое спасибо за Ваши работы! Дальнейших Вам творческих успехов! Леонид

[@FreelancerLifeStyle]

Пожалуйста! Рад что полезно!

[@dimalesnik5226]

хочу описать свою благодарность тебе как учителю, но честно говоря, не могу найти подходящих слов, одни эмоции:)) На столько всё КРУТО! Я считаю, все кто обучаются по твоим видео, обязаны тебе мат. поддержкой твоего канала, в том числе и я. Конечно же, после того как учёба даст свои плоды;) ОГРОМНЫЙ ЛАЙК Жека!:) Цены тебе нет!

[@FreelancerLifeStyle]

Спасибо большое! Я очень рад что все это полезно!

[@РасулАлдабергенов-ы8е]

Как успехи

[@ЮраКубинець]

@@РасулАлдабергенов-ы8е такой же вопрос)

[@accforprogandtechs]

Хорошие практики: 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 - группировка в коде (элемент + медиа запрос)

[@anastasi6542]

Спасибо вам за подробное описание медиа запросов. Долго не могла понять почему они не срабатывали у меня, но благодаря вашему объяснению все круто получилось!

[@hanagakiarasawa3171]

Боже Жень, спасибо тебе большое!) Каждый день расту и понимаю все больше и больше! Это самое крутое ощущение в жизни. Понятно что это не середина и возможно даже не начало пути, но уже ловлю дикое удовольствие, когда заставляю что то работать так, как хочу :D

[@FreelancerLifeStyle]

Супер! Я рад!

[@andykud63]

Лучшая годнота что я видел по верстке. Чувак тебе определенно некогда лить воду.

[@FreelancerLifeStyle]

Спасибо!

[@romanromanoff6526]

Жека, Ты просто находка для новичка такого как я. Начал заниматься по твоим урокам - просто бомба, рэспэкт и уважуха !!! Держу курс на Тебя !!! )

[@АлександрСергеевич-н3ы]

Научился чему неибудь?

[@romanmikleushanu9943]

Фрилансер, благодаря тебе у меня теперь есть представление, что представляет из себя адаптивная верстка. Очень доходчиво и подробно рассказал. Спасибо тебе!

[@artemnikitin9696]

Женя, раньше адаптив казался мне страшной вещью, теперь же, все мои страхи развеялись. Большое спасибо за твоё творчество.

[@СвятославГончар-е6ь]

Мужик, честно, как же ты крут! Спасибо за твой труд!

[@yurakirichenko9770]

Спасибо большое за твой труд, секономил новичкам несколько дней жизни.

[@FreelancerLifeStyle]

Супер! Рад что полезно!

[@ЕвгенийБаркас]

501й коммент)) Жека, у тебя просто дар преподавателя!. Даже слов нет , как тебя ещё назвать)

[@FreelancerLifeStyle]

Спасибо!

[@ДмитрийЯворский-ы2ы]

1 слово: умничка! Реально, без воды, понятно, конкретно и суть! Спасибо. Подписался.

[@FreelancerLifeStyle]

Пожалуйста!

[@t.i.i8608]

Я вот учусь в платном курсе, и там не рассказано этого, которого ты объяснял, спасибо тебе большое ты бы знал как ты помогаешь мне, здоровья тебе и твоим родным! Уважаю и люблю тебя!!!

[@sersus2762]

Такие занятия я бы смотрел и смотрел! И снято и смонтировано круто, это помимо того, что сам контент на цену золота! Спасибо огромное и отдельное за домашку !!

[@Кира-ы4с]

Скинь код

[@Kamar-j9j]

Я от тебя тащусь, превосходная подача материала, от такого оригинального начала чуть не расплакался :D

[@FreelancerLifeStyle]

Спасибо! Стараюсь!

[@maksimrugalov3158]

Это топ видео про верстку. Благослови тебя Господь!

[@FreelancerLifeStyle]

Пожалуйста!

[@maksimrugalov3158]

@@FreelancerLifeStyle сегодня шаблон верстал использовал meta content="width= 1300", затем попробовал написать @media для div, но он не сработал, это из-за этого "meta content="width= 1300" "???

[@Ts-pg4gq]

Сколько не смотрю канал Жеки, всегда информация заходит отлично. В преподаватели нужно ему идти! Жить и развиваться - верно подмечено !

[@СергейИвашев-б1х]

Ты лучший!! Евгений продолжай эту работу !! ТЫ НАМ ВСЕМ ОЧЕНЬ НУЖЕН!! ДАЙ БОГ ТЕБЕ ЗДОРОВЬЯ 🔥🔥🔥🔥🔥

[@ИринаИванова-х6м3э]

Талант автора- он и в африке-талант!

[@FreelancerLifeStyle]

Спасибо!

[@гоблинвася-п7о]

Первое видео, которое посмотрел на канале. Учился сам, мучался, искал годный контент, посоветовали разобраться с Бутстрапом. Скачал, посмотрел обучалку и подумал: "Что это за костыли такие, неужели нельзя такую фигню руками сделать?". Залез на Ютуб с соответствующим запросом - БАМ Жекино видео "Вам не нужен Бутстрап!" И понеслось :)

[@FreelancerLifeStyle]

Хех, отлично!

[@Polite_person_]

Очень круто! За подачу и монтаж отдельный респект!

[@FreelancerLifeStyle]

Спасибо! 👍

[@stanislavfuzik4064]

Классные точные советы без всякой воды и мусора. (и нормальным русским языком без всяких непонятных "умных" сокращений"). ЛАЙК! Никогда не любил (и не люблю) пользоваться готовыми решениями типа ЦМС и ФреймВорков, и еще ни разу ни один дизайнер не сделал так, как я хочу и вижу. А вот использование таких маленьких хитростей.... по сути сами себе делаем удобный фреймворк. Ещё раз нахожу, и видео тому подтверждение, что хочешь сделать хорошо - сделай это сам. Еще раз лайк.

[@FreelancerLifeStyle]

Спасибо большое!

[@Шурикпубличный]

Офигенская видосина. Наиоптимальнейшее решение композиции. Помню как я считал что весь сайт в таблицу помещал, был приверженцем отзывчивой вёрстки с минимальной шириной типа ну прокручивай в бок, что такова.

[@FreelancerLifeStyle]

Спасибо!

[@nicosotnik5225]

Жека, Привет из Барсы !!! Респект и уважуха за твои выдосы. Твои обьяснения СУПЕР понятны, НО !!!! Несколько раз повторно попадал на твои видео что уже смотрел раньше, и заметил, что опять узнал что то новое что пролетело мимо моих ушей раньше. По чуть чуть пересматриваю снова. Спасибо ОГРОМНОЕ !!!! Здоровья , удачи и процветания !!!! Закончится карантин, будешь планировать поездку в Барсу, соообщи. Удачи !!!!

[@FreelancerLifeStyle]

Спасибо! Обязательно!

[@GamesHleb]

Информативно, я как человек который знает в его несколько тегов, понимаю куда двигаться дальше.

[@FreelancerLifeStyle]

Супер! Я рад!

[@awenn2015]

P, H1 , DIV))

[@GamesHleb]

@@awenn2015 следишь за мной?

[@ФедорНиколаев-ъ3х]

Пока посмотрел первые 30 секунд... и в них уже столько смысла - респект огромный!!!

[@mila4308]

огромное пламенное спасибо! недавно делала адаптив, плохо получалось, мало годной инфы, размеры для медиа запросов не могла найти, пришлось читать про ppi устройств и куда-то закапываться, в итоге друг подсказал как сделать, а ведь могла видео ваше посмотреть, как и делала раньше, нужно взять за правило в любом непонятной ситуации смотреть ваши видосы, а не гугл поиском пользоваться по привычке

[@FreelancerLifeStyle]

Я рад что полезно!

[@afterlifereality]

Красава, Жека! Видно, что развиваешься! Классные заставки на видео! Очень сильно помогаешь мне, спасибо.

[@FreelancerLifeStyle]

Спасибо! Стараюсь)

[@БакиКаримов-ь2и]

Низкий поклон за ваши труды. Огромное спасибо.

[@pravnik84]

Норм, все доходчиво и понятно, без лишней воды и нудятины)) Лайк + подписка)

[@FreelancerLifeStyle]

Спасибо!

[@son9261]

Дорогой, спасибо тебе, качество 150%, пользы 10000%, ты очень крутой особенно в этой ниши, тебя не скучно и не занутно смотреть, все по факту не какой воды, ты просто золото, уважуха тебе и огромный респект)

[@FreelancerLifeStyle]

Спасибо большое!

[@ИгорьАксененко-б1м]

Заставка с разными размерами экранов СУПЕР! Очень креативно!

[@mosostep2478]

Всё-таки не поленюсь и напишу тебе этот комментарий, потому что заслужил: Очень помогает, когда ты подробно объясняешь всё и повторяешь по несколько раз (чтоб догнали). Да и то, как ты относишься к своему делу - похвально. Визуально всё выглядит крайне качественно и уютно! Хотелось бы побольше видео про вёрстку и лэндинг (по возможности) - с чего начать и чем закончить. Ты большой молодец, повторяй в том же духе. Поверь, твой труд ненапрасен! P.S. какой плагин добавляет линии на строках кода (если работаю на VS Code)?

[@FreelancerLifeStyle]

Спасибо! Я стараюсь) VS Code по по-моему без плагина можно включить. Будет по нему выпуск.

[@andreyfedotov1974]

Самый полезный канал по верстке который я видел. Удачи в продвижении. Интересно кто поставил 1 дизлайк

[@FreelancerLifeStyle]

Спасибо большое! Я стараюсь! Ну как же без дизов)

[@ivanzhelanov]

Дизлайк Хауди поставил видимо))

[@viktoriacherepennikova5416]

уже 131 дизлайк. Откуда??

[@vasylkirshak5724]

Дякую за шикарний випуск, з нетерпінням чекаю контент про адаптив картинок

[@FreelancerLifeStyle]

Дякую, буде!

[@awenn2015]

Чего делаешь? Дякуешь ?)) типа дакаешь но через я?

[@checkTM]

вот бывает, когда тупо нет слов, дядь, вот не просто спасибо, а спасибище тебе, я многое знал, но некоторые приемы забрал к себе, это не просто познавательный контент, это надо показывать всем кто решит пойти учиться, мне страшно говорить, но такие видео и бесплатным это клад в интернете, пасиб большое в очередной раз, не устаю писать слова благодарности!

[@аленаракович-р9с]

уже голова болит от информации, но не могу остановиться)))сейчас прохожу онлайн-курсы. там 90% практики, всё пока что нравится, но поверхностно, и однобоко(что-то рассказано 1 вариант и вскользь упомянуты другие варианты) но мне нравится, они дают вектор развития! А твой канал появился в моем поле зрения благодаря их наставлениям (Подписаться минимум на 2-3 блогера по теме и пару групп с обсуждениями тем, которые изучаю)отличный канал!

[@alexkreyn386]

не думал что все так просто, спасибо тебе огромное за высокую информативность и классную подачу, жду когда шаблоны с уроков будут доступны и простым смертым)

[@alexgrinberg1888]

Привет Жека! Невероятно полезный контент. Пересмотрел кучу всяких тюториалов но ни в одном не было такого простого и понятного объяснения адаптивной верстки как у тебя. В следующих выпусках пожалуйста объясни подробнее о флекс баксе и флекс гриде. Это было бы супер!! Спасибо! Продолжай в том же духе!

[@ЕлизаветаЗеленая-ы5ч]

Отличный и подробный ликбез, спасибо))) Всех благ тебе, автор)))

[@FreelancerLifeStyle]

Пожалуйста!

[@array3876]

Не устану писать, вы учитель от Бога

[@aleksg3565]

Крутой! как всегда. Я вот недавно Начал верстать - сверстал пару проектов с нуля до натяжки на Wp. Ух и сложно было, не то что уроки смотреть. Но теперь за то смотришь твои видео и уже на практике понимая, могу забирать себе некоторые кейсы. Спасибо огромное!

[@КириллЧунаев-ш3в]

Спасибо! Лучший канал по вёрстке)

[@FreelancerLifeStyle]

Спасибо! 👍

[@ea5970]

Класс тёска, спасибо) За 40 мин узнал больше чем пару дней гугла

[@FreelancerLifeStyle]

Круто! Я рад что полезно!

[@dimaburichin7726]

Что не видео то гайд! Как всегда лайк!

[@FreelancerLifeStyle]

Спасибо!

[@yanapapikian]

Как Вы всё круто разложили по полочкам. Структурировано, чисто. Спасибо за старания!

[@ruslanl.6241]

История о том как помогают видео, даже если их не смотреть))) Сижу значит делаю адаптив, и начинаю в devtools менять разрешение. Понимаю, что вся вёрстка поломалась из-за того что Респонсив не работает, хотя мета в шапке есть. Иду смотреть видео Жени, голова полыхает где я мог накосячить. И тут вижу на видео метку - "О контейнере" и вспоминаю, что контейнеру свойства забыл поменять =))) Вот так бывает, помог без просмотра

[@lihonespit]

Лайк 👍 і коментар: Все як завжди класно!!!

[@FreelancerLifeStyle]

Дякую! 🤘

[@artyomvoytenko1237]

Жека вот тебе тема для "как это сделать" - слайдер, какой-нибудь не очень сложный с минимумом js. Думаю многим будет интересно.

[@FreelancerLifeStyle]

Да, будет, спасибо!

[@alexey6794]

Navigator UA залайкайте в топ

[@anatoliysobko7981]

slick слайдер топчик

[@PHP_Architect]

дык, слайдер даже с 3d эфектами на голом css можно запилить на изи без js (от слова совсем без js)

[@dronandreewi4547]

А можно пожалуйста слайдер на ванильном Js, без всякой дряни вроде jQuery, slick, qodeSlider...

[@progprog796]

Спасибо Жека за твои труды!!!! Я иногда пытался смотреть другие видео по верстке учебные не ложатся они мне в мози и уши, а твои видео это реальный учебник (все доходчиво о сложном) еще раз огромно спасибо, не перестаю учится и только с тобой.

[@АлександрМайстр]

Женя Спасибо. Прям глаза открылись) реально вспомнил ваши слова про то что бесплатный контент бывает лучше чем платный. Кидаю донат. Спасибо вам большое за качественный контент и то что делитесь своими знаниями

[@АртёмРуа]

жаль знания уже не нужны(((верстальщиков миллионы!

[@musicman8447]

Нет слов, просто, без лишних слов все понятно. Вы супер!

[@FreelancerLifeStyle]

Я рад!

[@gooodwin7558]

Ждем верстку макета из примера!

[@FreelancerLifeStyle]

Сделаю)

[@ruslanfedorov5168]

Отличное видео, большая благодарность автору))

[@FreelancerLifeStyle]

Спасибо!

[@Snegurjan]

В начале видео ,когда Жека появился на 4х экранах,я думал он скажет ....Привет ,я хочу сиграть с тобой в игру ))))))))))))))

[@FreelancerLifeStyle]

Ахах)

[@marshmylow7413]

Я просто в восторге. Столько работы проделано автором. Впервые вижу настолько доступную и прекрасно поданную информацию. Подписался и впервые выставляю колокольчик, именно на вас!

[@FreelancerLifeStyle]

Спасибо! На канале уже много всего полезного! Советую посмотреть)

[@marshmylow7413]

Фрилансер по жизни - IT и фриланс это даже не обсуждается! Видимо, я ещё и стану впервые патроном

[@eaglecry69]

Спасибо за труд! Все предельно понятно и лаконично! В описании под видео небольшая очепятка - " Если кому вдруг НЕЖЕН пример верстки из урока то он доступен для подписчиков на Патреоне:...".

[@FreelancerLifeStyle]

Спасибо!

[@alexdragni5925]

да , спасибо автору . Хорошо подаёшь информацию. Подписываюсь

[@FreelancerLifeStyle]

Спасибо! На канале уже много всего интересного

[@muxammadsodiq6299]

Спасибо за видео😉 вы мне очень помогли, можете в следующем видео сделать про добавление сайта в поисковики думаю многим это интересно я уже долго ищу про это информацию, но не понимаю. Спасибо за видео ты лучший 👍🏻

[@FreelancerLifeStyle]

Спасибо!

[@MykhailoKaplan]

эх... где ж ты был, когда я свой первый сайт на бутстрапе делал... так намучался с адаптивом, а щас просмотрел и вообще как-то слишком легко. теперь вообще не особо вижу смысл в бутстрапе. Спасибо!

[@FreelancerLifeStyle]

Отлично! Рад что помог!

[@nikitak7602]

А что мешало их применять тогда?

[@Astdaban]

@@nikitak7602 Скорей всего ему мешало всеобщее нытьё о том, что без бутстрапа никак и никуда. Помню это хорошо. Все вокруг твердили об необходимости учить бутстрап. Настаивали просто. Ох и насмеялся я тогда. Вот и ягодки пошли. Оказывается, что можно и без библиотек! Жду теперь, когда начнут разбивать в пух и прах ждейквери. Тоже будет ржака!

[@andreykarolik7455]

Огромное спасибо за подробное, понятное и в спокойном темпе объяснение. Также отдельное спасибо, что все показываете через код, что очень удобно для восприятия и запоминания.

[@Kirdaro]

Наверное самый информативный канал по верстке ) доступно и интересно, без литров воды.

[@stelsboii]

20:36 - с-ука занием)) Спасибо, Жека! очень полезный у тебя канал! Будут еще стримы по разбору наших работ?

[@FreelancerLifeStyle]

Да, конечно

[@Verginia_l2m]

Спасибо, от души.

[@FreelancerLifeStyle]

Пожалуйста!

[@rinsletdreamwalker2832]

Спасибо за видео! Как называется плагин, который ты используешь, чтобы как на экранах разных устройств верстка отображалась?

[@FreelancerLifeStyle]

F12 в хроме

[@adakondakova2768]

Я в 5 раз смотрю это видео)) Очень благодарна за все видео выпуски!!! Учу украинский, чтобы смотреть новые ролики))

[@combinator_simple_solutions]

Увидел этот видеоролик, и, остался на всегда с автором. Даже не знаю как звать. В настоящий момент только начал изучать html и CSS синтаксис, поэтому положил этот видеоролик в закладки, до того момента, когда уже реально смогу применить эти знания на практике. Очень давно хотел узнать как масштабировать контент и разбрасывать его иначе под различные размеры экранов, а тут сразу ответы на практически все вопросы сразу!)) Я б за кружкой пива с автором посидел!))

[@FreelancerLifeStyle]

Зовут Жека, очень приятно)

[@combinator_simple_solutions]

Взаимно, Жека!)

[@КостяКреон]

Слушай...ну ты молодец. Низко кланяюсь.

[@FreelancerLifeStyle]

Спасибо!

[@emirrrrr123]

согласен

[@BohdanVR666]

Видео: bootstrap больше не нужен я, услышав это слово в первый раз: буду знать

[@ssidorchik]

вот только бутстрап это далеко не только ограниченный по ширине контейнер а и куча полезных плюшек "из коробки", да и то, что было написано в данном уроке для контейнера не является сеткой, сетка - это col-xs col-sm и тд а контейнер лишь внешний ограничитель, но в целом мысль верная, бутстрап тяжеловат и если на сайте можно обойтись без него, стоит это сделать

[@red53dhj5ry32rtty83e]

а ну-ка признавайтесь, у кого черно-белые мониторы? ))

[@ЭйсВентура-б8д]

Так нужен был видос более понятный про адаптив,кажется я нашел то что мне нужно !!! Спасибо Женя, ты здорово помогаешь новичкам своими роликами. Побежал тренироваться с адаптивом.

[@FreelancerLifeStyle]

Пожалуйста!

[@cat_ashere]

Очень круто. Как для начинающего web-разработчика прямо приятно, когда такие обучающие материалы выкладывают. Да еще и в свободном доступе. Большое вам спасибо.

[@FreelancerLifeStyle]

Пожалуйста!

[@petiaduskin891]

А я вот еще не учил бутстрап, но умею верстать без него, стоит ли начинать учить bootstrap?

[@FreelancerLifeStyle]

Только если это будет необходимо. Умение верстать чисто намного выше ценится чем шаблонный код

[@petiaduskin891]

@@FreelancerLifeStyle а это правда, что сейчас уже все использую elementor для создания сайтов, и код сводится к абсолютному минимому?

[@ИмяФамилия-э4ф7в]

Стоит. Там учить особо и нечего. Объясню главную идею bootstrap. Допустим, тебе нужно сделать блок карточек товаров, чтобы на большом экране они располагались в 3 колонки, на среднем в 2 а на мобилках в 1. Как ты это сделаешь? Скорее всего, ты в CSS создашь класс, пропишешь ему правила, настроишь медиазапросы с правилами, и т.д. И я так сделаю. И ещё тысячи так сделают. Так почему бы не создать подобные классы для типовых задач, чтобы просто указывая класс элементу сразу получить нужное поведение? Поздравляю, вы только что изучили bootstrap. Дальше только конкретные названия классов, которые добавляют то или иное поведение, которые прекрасно расписаны в документации.

[@FreelancerLifeStyle]

@Имя Фамилия в видео тоже самое сделано несколькими строками и одним классом container. Дальше только менять по дизайну, а не как прописано в бутстрапе. Заказчику пофиг что там написано)

[@ИмяФамилия-э4ф7в]

@@FreelancerLifeStyle согласен. Человеку сверху не стоит изучать bootstrap, пусть всё руками пишет.

[@mityaoreh]

йо, видос классный, но пару вопросов: 1) почему ты верстаешь в пикселях, а не в процентах? проценты же дадут больше адаптивности, нет? 2) почему ты не говоришь об MDN, если не рассказываешь о всех вариантах применения медиа-запросов? спека же всегда важна, тем более, что она очень хорошо написана на русском