Все про CSS отступы padding и margin. Объяснение на практике за 33 минуты.

  Переглядів 172,263

Фрілансер по життю

Фрілансер по життю

День тому

CSS отступы padding и margin. Подробное объяснение за 33 минуты. Расскажу как и где использовать. Какая разница между padding и margin. Поделюсь методами применения в различных ситуациях. Одним словом, padding и margin на практике! Напомню, CSS padding - это внутренний отступ объекта. От границы до содержимого. CSS Margin -это внешний отступ от границ объекта до окружающих элементов. Применяются отступы к блочным и блочно-строчным объектам.
👉 Материалы урока качай по ссылке - fls.guru/files/tutorials/padd...
👉 Урок БЭМ - • Методология БЭМ за 17 ...
Содержание:
00:00 - Вступление
00:17 - Что такое padding и margin
00:59 - Синтаксис записи padding и margin
04:53 - Применение padding и margin к строчным объектам
07:13 - padding, margin и свойство box-sizing
11:02 - padding, margin и цвет фона
12:48 - padding, margin и фоновые изображения
13:50 - padding, margin и позиционирование
15:06 - padding, margin и overflow: hidden;
15:46 - margin 0 auto. Центровка блока
16:20 - Отрицательные значения margin
21:50 - Схлопывание margin.
24:14 - Правильное использование padding и margin
32:44 - Важное напутствие
🔴 Получить доступ к плюшкам + поддержать канал: / freelancerlifestyle
🔴 Telegram канал: t.me/freelancer_lifestyle (teleg.run/freelancer_lifestyle)
🔴 Telegram чат по верстке: t.me/flschat (teleg.run/flschat)
🔴 Facebook: / freelancerlifestyle
🔴 Instagram: / freelancer.lifestyle
👋 Меня зовут Женя Андриканич, я IT - специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками!
Ссылка на канал: / freelancerlifestyle
🤟 Живи, а работай в свободное время! ©

КОМЕНТАРІ: 604
@FreelancerLifeStyle
@FreelancerLifeStyle 3 роки тому
🤟 Ну как полезно? 🔴 Получить доступ к плюшкам + поддержать канал: www.patreon.com/freelancerlifestyle 🔴 Telegram канал: t.me/freelancer_lifestyle (teleg.run/freelancer_lifestyle) 🔴 Telegram чат по верстке: t.me/flschat (teleg.run/flschat) 🔴 Facebook: facebook.com/freelancerlifestyle 🔴 Instagram: instagram.com/freelancer.lifestyle
@Cezar9222
@Cezar9222 3 роки тому
Ты обещал ссылку по БЭМ в описании, а её нет🙋🏻‍♂️
@FreelancerLifeStyle
@FreelancerLifeStyle 3 роки тому
@@Cezar9222 исправился)
@LiveMechanism
@LiveMechanism 3 роки тому
Что за плагин, который плавно обновляет страницу после изменения кода?
@teacheronline1791
@teacheronline1791 2 роки тому
Спасибо.
@boris___britva
@boris___britva 2 роки тому
сколько же мучений было в запоминании паддингов... и чтоб не путаться все говорят прописывать полностью. а тут так просто все это дело объяснил! ПО часовой стрелке с 12.00. Прям захотелось коммент написать, хотя и не люблю этого делать;)
@iambatman8416
@iambatman8416 3 роки тому
Давно уже выучил html и css, но этот чел объясняет лучше всех
@FreelancerLifeStyle
@FreelancerLifeStyle 3 роки тому
Супер! Я рад!
@krike2315
@krike2315 3 роки тому
Когда уже все сам понял, будет казаться что любой человек как бы он не объяснял, объясняет хорошо
@ifnegr
@ifnegr 3 роки тому
я согласен
@ThevideOoLoadeR
@ThevideOoLoadeR 2 роки тому
@@krike2315 Учу вёрстку всего-то чуть больше недели, но на другие каналы я так и не ходил, потому что лично для меня инфа здесь подаётся грамотно и во внимание берутся довольно мелкие детали, а главное - Женя почему-то меня просто заряжает и мотивирует своими уроками))
@krike2315
@krike2315 2 роки тому
@@ThevideOoLoadeR все не так классно через 2 месяца как хотелось бы))
@PolPot911
@PolPot911 3 роки тому
Следует поставить памятник, а так же вписать в историю, как одного из лучших наставников.
@FreelancerLifeStyle
@FreelancerLifeStyle 3 роки тому
Ахах) Спасибо!
@Sembiod
@Sembiod 3 роки тому
ни как не мог понять эти padding и margin мучился очень , и наконец то аллилуйя благодаря Жеке что то удалось понять ! Благодарю! Вы как всегда на высоте! Да приумножит Ваши деяния Всевышний! З.Ы. какой олень поставил диз? кажись конкурент завидуй молча фуцы!
@FreelancerLifeStyle
@FreelancerLifeStyle 3 роки тому
Супер! Я рад что полезно! Дизы тоже интерактив)
@user-cu4gm2km8s
@user-cu4gm2km8s 3 роки тому
поставили потому-что вообще не всекали о чем речь, просто набор звуков)))
@sndk2267
@sndk2267 18 днів тому
Учусь в универе, и преподаватель объяснят хуже чем этот замечательный человек !!! Смотрю канал дополнительно для закрепления знаний , спасиботтебе дружище огромное, Челябинск на связи)
@user-yw3xd6ng3c
@user-yw3xd6ng3c 3 роки тому
Офигеть, только вбил запрос в ютубе "когда padding а когда margin", а тут видос 30 минут назад вышел)
@infarkt4717
@infarkt4717 3 роки тому
Ну тебе крупно повезло) попал к самому хорошему teacher'у
@FreelancerLifeStyle
@FreelancerLifeStyle 3 роки тому
Круть, рад что вовремя)
@zulagwido1309
@zulagwido1309 3 роки тому
Не "видос", а видео.
@frontend_coder
@frontend_coder Рік тому
Не понимаю как вы можете говорить "Ну как полезно?" Ваши курсы самые полезные по Front-End-у которые я только видел!
@user-vl3fc1pv3c
@user-vl3fc1pv3c 2 роки тому
Величезне Вам «Дякую» за таку Гору детальної інформації , лайфхаків та практичних порад по уникненню «підводних каменів»
@user-xr7pl9hg7g
@user-xr7pl9hg7g 3 роки тому
Ну наконец то до меня дошло, как пользоваться парой "padding + отрицательный margin". Спасибо! Как всегда наглядно и доходчиво! Уже можно школу открывать.
@isharonov
@isharonov 3 роки тому
Большое спасибо, особенно за советы как правильно задавать отступы: 1) От предыдущего элемента к следующему (сверху вниз, слева направо) 2) Обнулить отступ у последнего элемента группы (:last-child) 3) Отступы задаются самому верхнему родителю в конструкции (доме) 4) Margin не следует задавать независимым объектам (БЭМ-блокам) - используем микс блока и элемента
@user-cu4gm2km8s
@user-cu4gm2km8s 3 роки тому
как можно так круто и понятно все это рассказывать?!!! ты на вес золота! Просто видео-энциклопедия!
@Fraidess
@Fraidess 3 роки тому
Спасибо большое! Возникла идея-предложение. Есть отличное видео про БЭМ, в котором все понятно, но когда начинаешь на практике строить структуру сразу все становиться сложнее. Было бы круто сделать второе видео к БЭМ в плейлист с тренингом практическим, где сверстать макет (можно сугубо тренировочный) в котором будут флексы, списки, какие то карточки итд и прямо разжевать БЭМ, где что как обозначаешь и называешь. Сам просто пересматривая стримы с версткой ставил на паузу кадры с кодом и разбирал как ты прописываешь блоки и элементы - и в итоге так научился нормально использовать бэм, но в самом стриме редко на этом заостряется внимание. Если получиться - я думаю, будет круто для тех, кто только будет знакомиться с БЭМ) Отличный выпуск, большое спасибо!
@Cezar9222
@Cezar9222 3 роки тому
Схожая задача и вопросы. Тем не менее: сейчас нахожусь на стадии полного завершения настоящего пятистраничного тренировочного GRID-макета по БЭМ (без JS): сразу скажу, много вопросов отпадает по ходу и факту разработки одного такого макета. Он имеет в себе много ошибок, но именно тех ошибок, которые ты уже осознаёшь и скорее всего не допустишь. Далее: пересматриваешь крутые ролики ещё раз - инфо укладывается ещё лучше. Инфодрочерство хуже практики.
@MonteCrush.
@MonteCrush. Рік тому
Лучшее видео про отступы на Ютубе
@user-lp2zy8er4p
@user-lp2zy8er4p Рік тому
Огромное спасибо Вам за такую подробную и понятную теорию и практику. Я только на пути обучения. Ваши лекции сразу под запись с блокнотом делаю. Это лучшая подача информации.
@user-ei8ib3mq2q
@user-ei8ib3mq2q Рік тому
и как успехи??по прошедшему времени уже должны работать в этой сфере???
@user-lp2zy8er4p
@user-lp2zy8er4p Рік тому
@@user-ei8ib3mq2q .минимум 6 месяцев даётся на обучение с утра до вечера. В таком режиме можно выучить быстрее. Кто совмещает идут по другому пути
@user-ei8ib3mq2q
@user-ei8ib3mq2q Рік тому
@@user-lp2zy8er4p я про верстку спрашивал))понятно что на фронт енд нужно не меньше года,а лучше полтора!верстать сложные сайты за какое время научились??и на счет с утра до вечера это всё бред((будет быстрое выгорание,идеально 4 часа в день 5 дней в неделю!!
@Nazar-in7yz
@Nazar-in7yz 2 роки тому
Прошло уже столько времени с момента выхода видео, а оно остается актуальным и по сей день. Курс просто отличный! Большое спасибо!!!
@gritsienkooleg3447
@gritsienkooleg3447 2 роки тому
Где тут насыпать спасибо )) Блин, Дружище, огрооомная тебе благодарность! Ты делишься не только знанием в концентрированном виде, но ещё и мировоззрением, настроем и чем-то важным, что может и незаметно глазу! Успехов и счастья ) Живи, а работай в свободное время ;)
@Vladimir300734
@Vladimir300734 4 місяці тому
Лучше уже никто не сможет объяснить) просто шикарно одно удовольствие учится у таких людей
@GANGST1ER
@GANGST1ER 3 роки тому
Как же это круто) Лучший контент по обучению WEB разработке.
@FreelancerLifeStyle
@FreelancerLifeStyle 3 роки тому
Спасибо!
@aleksandrhan6208
@aleksandrhan6208 3 роки тому
Рад что живу в такое время , где можно зайти в интернет и найти столько годного обучающего контента, что жизни не хватит что бы выучить это всё. Информация - огонь. Подсказка с запоминанием по часовой стрелке - класс. Чувствую себя тупым, что сам не додумался Спасибо за такие видео! Делай ещё!
@Yupitrer
@Yupitrer Рік тому
Благодари тех кто создал такие технологии и возможности. Но они почему то для вас злейшие враги
@aleksandrhan6208
@aleksandrhan6208 Рік тому
@@Yupitrer Кого благодарить? Создателя интернета? Создателя ютуба? Шо ты несёшь?
@Yupitrer
@Yupitrer Рік тому
@@aleksandrhan6208 Именно. Почему бы и нет. Тот кто развивает технологии тот и рулит, того и поддерживают. Я радиотехник, и в 2010м задумался почему нет отечественных компонентов? Начал искать, а оказалось что заводы СССР которые это все изготовляли имеют такой вид как сейчас драмтеатр в Мариуполе. Это же пиздец?
@aleksandrhan6208
@aleksandrhan6208 Рік тому
@@Yupitrer Я согласен с тобой. Я думал ты начнёшь мне про россию рассказывать...
@user-bm8ux4vu5n
@user-bm8ux4vu5n 3 роки тому
Лучшее объяснение из тех, что мне приходилось видеть и слышать, белиссимо !
@Frie666
@Frie666 3 роки тому
В видосе нашел 2 фичи о которых не знал и нашёл то что искал где паддинг 15 и марджин -15. Очень полезный контент, дай бог автору здоровья и сил!
@andriygrigorov3964
@andriygrigorov3964 3 роки тому
Вже третій раз хочу передивитися, щоб добре засвоїти. Дуже дякую за гарно поданий матеріал.
@VitaliiMaevskii
@VitaliiMaevskii 3 роки тому
Настоооолько годный контент, что иногда задумываюсь, а стоит ли писать комментарий и ставить лайк? Ведь станет еще больше просмотров и этот суперский материал увидит еще больше людей/конкурентов. Но в итоге ставлю лайк и оставляю комментарий, чтобы в будущем ты поделился еще более годным материалом. Очень полезная информация собрана и структурирована в одном месте! Благодарю за урок!
@FreelancerLifeStyle
@FreelancerLifeStyle 3 роки тому
Спасибо! Ценю!
@show2009
@show2009 3 роки тому
Спасибо вам огромное !!!!Я весь интернет прошарил и никак не мог разобраться, вы лучший !!!Мега понятно объясняете .
@hitpau
@hitpau 3 роки тому
*Ты очень круто всё раскладываешь по полочкам! Все мельчайшие детали. Мне всегда не хватало примеров и аналогий, на твоих видео они повсеместно! Однозначно, это один из лучших каналов, которые я находил за последний год!*
@FreelancerLifeStyle
@FreelancerLifeStyle 3 роки тому
Я рад!
@slayerman272
@slayerman272 2 роки тому
Ох, спасибо! Вы лучший учитель в WEB разработке! Спасибо!
@mvlad27
@mvlad27 Рік тому
Я знал, что этот ролик в пол часа, я буду смотреть несколько часов! Очень много информации, спасибо!
@olegdeg
@olegdeg 11 місяців тому
Вы прекрасный преподаватель! Ни единого лишнего слова - и при этом, всё точно, подробно, и очень понятно. Редкое качество! Спасибо за такое полезное видео.
@mishalyan
@mishalyan 3 роки тому
О БОЖЕ!!! После кучи статей и видео, наконец, я понял что-такое MARGIN и PADDING. Спасибо, красавчик, за такое подробное и понятное объяснение - лучшее в рунете! Удачи твоему каналу, ты - большой молодец! P.S. оставайся таким же в стиле своих уроков, не будь как остальные - зазнавшимися и высокомерным. Тебя приятно слушать.
@user-hz2it8qz3f
@user-hz2it8qz3f 2 роки тому
Наконец-то я хоть что-то начал понимать в этих падингах и мерджинах! Спасибо тебе, Жекич!
@Joynashy
@Joynashy 3 роки тому
И всё таки я до сих пор удивляюсь, насколько качественно вы делаете свои видео. Всё максимально подробно, с примерами да ещё и с юмором)
@user-im8ej6sl8y
@user-im8ej6sl8y 3 роки тому
Блин, Жэка, хотел бегло глянуть и.. "Очнулся" только когда ролик кончился. 30 мин промчалось как 3. Просто здорово. Кратко, ясно, исчерпывающе.. Дежурный лайк, все, то могу :)
@romanstelar
@romanstelar 3 роки тому
Огромное спасибо тебе за потраченное время! Казалось бы тривиальные вещи, но для новичков такое подробное описание просто неоценимо.
@alexabuff9940
@alexabuff9940 2 роки тому
Чем больше смотрю видео, тем интересней! Назревает интрига )
@PavelM01
@PavelM01 3 роки тому
Думал, что разобрался в теме, но ты меня переубедил ))) Много фишек узнал, спасибо ))
@user-yx7gr3hy6r
@user-yx7gr3hy6r Рік тому
Хочу выразить благодарность автору канала. Объясняете так грамотно и понятно , лучше, чем на курсах! Дай бог здроровья вам! Как хорошо, что я случайно нашла ваш канал!
@dendenowich4199
@dendenowich4199 Рік тому
Супер объяснение. Всё отлично разжевано! Спасибо Евгений вам за колоссальный труд!
@user-qr2jb6oh2i
@user-qr2jb6oh2i 3 роки тому
Очень рад, что начинает появляться подробный материал про основы! Спасибо Евгению за ролик!
@777bujhm
@777bujhm 3 роки тому
Спасибо Женя, как мне нравятся твои короткие но очень понятные ролики, ты лучший, успехов тебе!!!
@alexus9577
@alexus9577 3 роки тому
У вас талант преподавателя. Вы объясняете очень понятно и доступно. Спасибо за уроки!
@FreelancerLifeStyle
@FreelancerLifeStyle 3 роки тому
Пожалуйста!
@user-nh3gn8tx5o
@user-nh3gn8tx5o Рік тому
Один из самых важных уроков, которого не хватало для закрепления знаний об отступах. Ко многому пришел наблюдая за тем, как Вы применяете их в других видео-уроках, но теперь Вы подтвердили это) Спасибо большое!
@user-se9tz2bv2v
@user-se9tz2bv2v 2 роки тому
Супер!! Спасибо! Самый лучший канал по верстке!!!
@user-kk2mm2ke7s
@user-kk2mm2ke7s 3 роки тому
Как всегда Евгений на высоте! "Насунуть сверху" я взял на вооружение.
@FreelancerLifeStyle
@FreelancerLifeStyle 3 роки тому
Ахах)
@user-kk2mm2ke7s
@user-kk2mm2ke7s 3 роки тому
Евгений, я не хотел Вас обидеть! Юмор - это неотъемлемая часть нашей жизни, тем более программиста! Такие фразы становятся "крылатыми"!!!
@Bars_Sl
@Bars_Sl 3 роки тому
Огонь! Некоторые фишки не знал и ломал голову, выписал на память, аригато!
@Dance-lv9jg
@Dance-lv9jg 2 роки тому
Фрилансер - спасибо тебе! Всё чётно и понятно, ничего лишнего!
@user-qe2pb9fg5j
@user-qe2pb9fg5j 3 роки тому
Если бы не ты, я не знаю как бы я учил верстку. Лайк!
@FreelancerLifeStyle
@FreelancerLifeStyle 3 роки тому
Я рад!
@user-qe2pb9fg5j
@user-qe2pb9fg5j 3 роки тому
@@FreelancerLifeStyle а как я то рад)
@denhost5033
@denhost5033 3 роки тому
Крутой метод срезать падинги отрицательными марджинами ))) лайк. Как всегда показал что то новое и чем то удивил !!!
@user-qb2ex5hv1p
@user-qb2ex5hv1p 3 роки тому
Спасибо большое, за ваши старания! Очень познавательно, доступно, интересно и хочется с огромным желанием учиться дальше! Круто, что есть такие люди, как Вы!
@user-ej1je5gp3t
@user-ej1je5gp3t 2 роки тому
Редкое сочетание талантливого исполнителя и талантливого преподавателя) Ведь далеко не каждый классный спортсмен становится классным тренером! Этот курс - лучшее, что могло со мной случиться на пути становления в качестве фронтендера)
@FreelancerLifeStyle
@FreelancerLifeStyle 2 роки тому
Я рад!)
@viktorriabiy
@viktorriabiy 2 роки тому
Как же восхитительно, что всего месяц назад я еще не мог даже определить как и где учиться, а уже сегодня только увидев сайт который ты используешь у видео и решил написать сам такой же для себя. И у меня получилось. Спасибо, Жека!
@nikitaustinenko5737
@nikitaustinenko5737 3 роки тому
Каждый день жду ваших роликов, а когда увидел новое видео, радость переполняло меня!
@FreelancerLifeStyle
@FreelancerLifeStyle 3 роки тому
Я рад!
@roman-_-novikov
@roman-_-novikov 3 роки тому
На выходных разбирался с Flex’ами, возник вопрос о применении padding’ов по БЭМ и семпай Жека молниеносно ответил на мой комментарий с вопросом, за это отдельное спасибо! А сегодня youtube предложил мне посмотреть это виде… прямо магия какая-то, очень кстати! Такую полезную информацию нужно обязательно добавлять в «избранное».
@WILLING__0_0
@WILLING__0_0 3 роки тому
Ютуб модераторы через пару лет: Хм, что за видос с 153023 лайками и 0 дизлайков? А, это Евгений опять новое видео выпустил). P.s. Очень полезная и усваиваемая пища. Все в стиле шеф-повора Жеки)
@FreelancerLifeStyle
@FreelancerLifeStyle 3 роки тому
Ух, спасибо!
@user-bf1fl3pi1z
@user-bf1fl3pi1z 3 роки тому
Cook.)
@jurimudry62
@jurimudry62 3 роки тому
Жека, огромное спасибо за ваш труд, а также за терпеливое и подробное объяснение грамотно поданного материала.
@FreelancerLifeStyle
@FreelancerLifeStyle 3 роки тому
Пожалуйста!
@6oKCER
@6oKCER 2 роки тому
Ситуация прояснилась! Это нереально ценный выпуск, благодарю =)
@stasmaksimov9531
@stasmaksimov9531 3 роки тому
Спасибо. Я думал что я знаю эту тему. Понял что не очень. Спасибо Женя!
@ggo_webdev
@ggo_webdev 3 роки тому
Женя, как всегда качественный контент, даже если кажется, что уже все знаешь заходишь на канал и раскрываешь рот от удивления!
@VovadjoSenseii
@VovadjoSenseii Рік тому
Очень полезные советы, благодаря им научился правильно отступать и обнулять отступы где не нужно.
@dragozaris9070
@dragozaris9070 3 роки тому
Сколько времени я потратил на эти отступы, но благодаря вам, я все понял. Лучшая подача контента))
@windcrack8404
@windcrack8404 Рік тому
Спасибо большое за ценные знания, которые Вы предоставляете. Верстаю давно, но четка структура использования появилась благодаря Вашим видео.
@MrPlayer
@MrPlayer 3 роки тому
Бро ты объясняешь поэтапно. Это очень нужно для нормальноного изучения
@FreelancerLifeStyle
@FreelancerLifeStyle 3 роки тому
Все верно, шаг за шагом
@lukreciia
@lukreciia 3 роки тому
Спасибо, очень полезно! Век живи - век учись!
@sergiobulankin3297
@sergiobulankin3297 Рік тому
Жень, ты супер. Благодаря тебе я вышел с начальных курсов на новый уровень и не сгорел. Ссылочку на твои курсы оставлю на своём сайте!
@user-kb4le4me2d
@user-kb4le4me2d Рік тому
Моменты, когда в записи слышно голос ребёнка - бесценны ;-) У меня есть 2 сына, и хорошо понимаю, насколько это сложно добиться полной тишины)) Спасибо за крутой и подробный урок!
@David_Liu93
@David_Liu93 Рік тому
Сейчас прохожу курс менторинга и делаю проэкт по верстке. И видео Жени нереально полезны. А шпаргалки просто незаменимы. Постоянно заглядываю, и чем больше заглядываю, тем реже нужно))
@qwe-rty-
@qwe-rty- 3 роки тому
Как это уже принято на этом канале, очередной крутой видосик)) А радует то, что до некоторых моментов, лично у меня это назначение отступов сверху и справа, я дошел сам через многие часы практики. Спасибо тебе огромное. Уже с нетерпением жду вордпресса дабы разнообразить своё портфолио 😉
@bohdandudchenko939
@bohdandudchenko939 3 роки тому
Как обычно благодарю за важную информацию!)
@DashaG182
@DashaG182 3 роки тому
Гениально и просто! Подача материала шикарна!
@deniskotov
@deniskotov 3 роки тому
Продал уже 8 своих работ и только сейчас могу сказать, что понял всё, о чем рассказано в этом ролике) Как и с флексбоксом. Только после 4 месяцев практики на флексах я понял всё, о чем рассказано в твоем курсе по флексам) Практика - сила)
@FreelancerLifeStyle
@FreelancerLifeStyle 3 роки тому
100%
@juliadmitrivna1219
@juliadmitrivna1219 2 роки тому
А на каком сайте вы искали заказчиков?
@deniskotov
@deniskotov 2 роки тому
@@juliadmitrivna1219 на 2гис обзванивал веб агентства
@ublastbeat9165
@ublastbeat9165 Рік тому
Спасибо большое! Великолепный ты человек! Ты помогаешь менять свои судьбы в лучшую сторону. Очень жаль, что случилось 24 февраля и мои соотечественники напали на вашу страну, искренне надеюсь на то, что у тебя и у твоих близких все будет хорошо! Верю в вашу победу!
@mrMarseleene
@mrMarseleene 3 роки тому
Балдеж, спасибо за видео, смотрится на одном дыхании, речь поставленная, и при скорости 1,5 слова не смешиваются, все четко воспринимается мозгом. Очень рад, что наткнулся на твой канал, обязательно нажата кнопка подписки и лайки под каждым просмотренным видео. Сам являюсь джавистом, приходится квалифицироваться на фуллстек, css довольно скучно было изучать, до встречи с твоими видео. Еще раз огромное спасибо!
@user-qh4zv9qc9h
@user-qh4zv9qc9h 2 роки тому
Супер урок! Спасибо за такой труд -подготовка к уроку, объяснение и эмоциональная поддержка!)))
@xe3333
@xe3333 2 роки тому
Жека, ты просто огонь 🔥 🔥 🔥 «Казалось бы, что может проще…»🤦‍♂️. Респект и уважуха ✊
@AU_IAN
@AU_IAN Рік тому
Этот урок особенно прекрасен, а прекрасен он тем, что я его смотрел не как папуас, следящий за сборкой шатла, а как специалист, который это уже давно знает и умеет))))
@lenaplay3884
@lenaplay3884 3 роки тому
Шла по урокам по порядку, зависла на препроцессоре sass, наверное устала от бесконечного синтаксиса. Решила сменить угол обзора, не прерывая обучения, логики хотелось и ответов на внутренние вопросы, типа: "Все правильно, а оно не работает", а у Жени в какой ролик не зайди сплошная польза, и ответы на самые глупые внутренние вопросы начинающих Бестолковкиных. Спасибище!!!
@FreelancerLifeStyle
@FreelancerLifeStyle 3 роки тому
Пожалуйста! Рад что полезно!
@user-rp7xr2vv4c
@user-rp7xr2vv4c 3 роки тому
Я это видео ждал и мечтал просто о нем! Это как раз то что нужно и эта тема не давала мне покоя. Теперь можно спокойно учиться дальше! Спасибище Человечище!
@FreelancerLifeStyle
@FreelancerLifeStyle 3 роки тому
Пожалуйста!
@user-vatican
@user-vatican 7 місяців тому
Спасибо вам , очень доступно и понятно , я так долго мучился с. ступами а тут прям гайд готовый.Успехов вам и здаровия
@mikekuibyshev4848
@mikekuibyshev4848 3 роки тому
Лучший за работой! Спасибо тебе!)
@FreelancerLifeStyle
@FreelancerLifeStyle 3 роки тому
Пожалуйста!
@user-kg4ix4nd2c
@user-kg4ix4nd2c 3 роки тому
Этого урока реально не хватало. Спасибо большое, Жека!
@Vasyl_
@Vasyl_ 3 роки тому
З кожним новим відео якість контенту(відео, звук) все краще і краще. Женя, дякую, що заморочуєшся навіть над ефектами, однозначно лайк!
@FreelancerLifeStyle
@FreelancerLifeStyle 3 роки тому
Вчусь разом з вами!
@uk-lych_sveta
@uk-lych_sveta 3 роки тому
Как всегда твой контент на высоте - наглядно и доходчиво. Будь здоров!
@alisabolgar4926
@alisabolgar4926 2 роки тому
Супер! Думала, что все знаю, а оказалось, что много нового. Спасибо тебе!
@bessonov7897
@bessonov7897 3 роки тому
Ооо, новый видос, я ждал)
@FreelancerLifeStyle
@FreelancerLifeStyle 3 роки тому
Я рад!
@user-te4ks9ox2y
@user-te4ks9ox2y Рік тому
Женя, це просто круто👍👍👍👍 Дякую, зараз стало все ясніше 😀😀😀
@user-nh9tw3ei9t
@user-nh9tw3ei9t Рік тому
Жека, здравствуй! Все по сути , разложено по полочкам, подача - превосходная. Жека - ты ЛУЧШИЙ преподаватель верстки! Спасибо!
@artemsmirnoff9821
@artemsmirnoff9821 3 роки тому
Вспомнил старое и узнал новое, спасибо!
@alshabanov
@alshabanov 3 роки тому
Это лучший урок по отступам, из тех, что я видел. Жека, спасибо. :)
@FreelancerLifeStyle
@FreelancerLifeStyle 3 роки тому
Спасибо!
@fabled_wild_cat2324
@fabled_wild_cat2324 3 роки тому
Интересно смотреть такие туториалы от Акежа, благодарю за информативность :)
@danielgaleyev137
@danielgaleyev137 3 роки тому
то чувство,когда купил курс в нетологии за 50к и долго не мог понять разницы паддинга и мэрджина. а тут на ютубе просто бесплатный и более качественный контент.
@FreelancerLifeStyle
@FreelancerLifeStyle 3 роки тому
Спасибо!
@user-hs3cu6yj5u
@user-hs3cu6yj5u 3 роки тому
юзай инспектор, благодаря инспектору многое сразу становиться понятно, там такие вещи интуитивно понятны
@user-hs3cu6yj5u
@user-hs3cu6yj5u 3 роки тому
@@user-fp5jy5lv2s это то что в браузере показывает html и css код страницы, а ещё там есть консоль для контроля js. Правой кнопкой мышки на любом элементе страницы ну и далее "изучить элемент"/"просмотреть код", как то так
@konstantinreut2577
@konstantinreut2577 2 роки тому
Да хранит вас Бог! Узнал много полезного для себя!)
@balloonjacket2177
@balloonjacket2177 3 роки тому
Очень полезная информация. Единственное что кажется было бы уместно перенести этот урок в начало плейлиста. Так как пройдя моря практики только потом детально узнаешь о падингах и мерджинах. К этому уроку уже сам практически все понимаешь, исследуя это методом тыка (что долго). Если это давать в начале, ускорит обучение. Спасибо за контент!
@user-ln8fs4ik1v
@user-ln8fs4ik1v Рік тому
Согласен. Всё-таки это основы основ.
@user-tb3mm6dl3z
@user-tb3mm6dl3z 2 роки тому
Жека вообще красава я вот многих смотрю но жека реально профессионал и уделяет огромное внимание деталям. Верстай как профи будь как Жека 😎
@mariyasnegova5572
@mariyasnegova5572 Рік тому
Спасибо! Интуитивно так и делала, но теперь есть система, все благодаря вам! Мега крутой контент!!!
@user-yz2hi7rt9b
@user-yz2hi7rt9b 2 роки тому
Блин мужик, объясняешь божественно.
@dimonrock1791
@dimonrock1791 3 роки тому
Лучшие видосы. Разжовано до малейших мелочей, а ещё и разные лайфхаки покажет. Жека ты крут👍.
@alexandrisakov4735
@alexandrisakov4735 3 роки тому
Очень полезное видео с довольно подробно разобранным материалом. Так держать.
@FreelancerLifeStyle
@FreelancerLifeStyle 3 роки тому
Спасибо!
@andrew2340
@andrew2340 Рік тому
Евгений вы Топ по css html и js! спасибо Вам большое за то что Вы делаете!)
@user-eb3yr9wc4k
@user-eb3yr9wc4k 3 роки тому
Евгений спасибо большое, за очередное и как всегда полезное видео!!!
@komiljonfayzullayev8872
@komiljonfayzullayev8872 3 роки тому
Спасибо вам Евгений. Как всегда урок получился очень полезным и интересным. Я считаю вас своим сенсейем 👍
@sergeychaus8842
@sergeychaus8842 3 роки тому
Крутооооооооооо!!!!!!!!!!!!!!! Красавчик! Думал что более-менее знаю этот вопрос, узнал много нового. Один из лучших блогеров про фронтенд.
@FreelancerLifeStyle
@FreelancerLifeStyle 3 роки тому
Спасибо!
CSS Grid Layout. Кроссбраузерность. Grid и Flex. Основные понятия.
6:58
Фрілансер по життю
Переглядів 203 тис.
12 ЧУДО ГАДЖЕТОВ ДЛЯ ЛЕНТЯЯ И МЕДВЕДЯ ВАЛЕРЫ
11:37
Познаватель
Переглядів 1,7 млн
CSS Grid Layout. Свойства определения сетки grid-template и другие
22:41
Фрілансер по життю
Переглядів 186 тис.
min(), max(), and clamp() are CSS magic!
18:12
Kevin Powell
Переглядів 282 тис.
CSS: svh, lvh, dvh - новые единицы измерения
7:34
Александр Ламков — Friendly Frontend
Переглядів 37 тис.