Свойства блоков. CSS padding. CSS margin. CSS display. Уроки CSS HTML JS. Урок №7

Поделиться
HTML-код
  • Опубликовано: 26 май 2024
  • Свойства блоков. Отступы размеры характеристики. Уроки CSS HTML JS. Урок №7
    Продолжаем учить CSS и сегодня начинаем говорить о свойствах блоков. А именно об отступах, размерах и характеристиках.
    🔴 Весь плейлист с уроками по HTML CSS JS верстке:
    • БЕСПЛАТНЫЙ курс по вер...
    Архив с файлами урока ищи в телеграм канале t.me/freelancer_lifestyle
    Или качай по ссылке: fls.guru/files/tutorials/css_...
    Содержание:
    00:00 Настройка файлов к работе
    01:10 padding - внутренний отступ блочных тегов
    05:45 margin - внешний отступ блочных тегов
    07:45 width - устанавливает ширину блочных тегов
    11:04 max-width - устанавливает максимальную ширину блочных тегов
    12:24 min-width - устанавливает минимальную ширину блочных тегов
    15:09 height - устанавливает высоту блочных тегов
    16:50 max-height - устанавливает максимальную высоту блочных тегов
    18:03 min-height - устанавливает минимальную высоту блочных тегов
    19:23 ВАЖНО! Свойство box-sizing - расчёт размеров блочных тегов. Значения этого свойства указывают, влияют ли отступы и границы на размеры блочных тегов.
    22:12 overflow - управляет отображением содержания блочного элемента
    24:24 display - многоцелевое свойство, которое определяет, как элемент должен быть показан в документе. (Наример, делает из строчного элемента блочный и наоборот)
    29:48 Шпаргалка по свойствам этого урока
    30:32 Домашнее задание
    🔴 Получить доступ к плюшкам + поддержать канал: / freelancerlifestyle
    🔴 Telegram канал: t.me/freelancer_lifestyle (teleg.run/freelancer_lifestyle)
    🔴 Telegram чат по верстке: t.me/flschat (teleg.run/flschat)
    🔴 Facebook: / freelancerlifestyle
    🔴 Instagram: / freelancer.lifestyle
    👋 Меня зовут Женя Андриканич, я IT - специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками!
    Ссылка на канал: / freelancerlifestyle
    🤟 Живи, а работай в свободное время! ©
    #фрилансерпожизни #обучение #верстка

Комментарии • 1,4 тыс.

  • @user-tu6ok5ts2f
    @user-tu6ok5ts2f 4 года назад +1082

    Женя, у тебя уроки построены грамотнее, чем в онлайн-курсах/школах/университетах. А самое лучшее, это реакция на обратную связь.

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  4 года назад +103

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

    • @degree777
      @degree777 4 года назад +26

      Я полностью солидарен !

    • @user-ve2cj4dc8y
      @user-ve2cj4dc8y 4 года назад +15

      Это точно!

    • @catvideo166
      @catvideo166 4 года назад +14

      100% согласен!

    • @Snegurjan
      @Snegurjan 3 года назад +7

      Согласен на 100 % !!!

  • @svitlanasvitlana5110
    @svitlanasvitlana5110 2 года назад +15

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

  • @myroadmalankajosef9192
    @myroadmalankajosef9192 3 года назад +337

    Я сам из Украины, но буду писать на русском, так как здесь много людей из России. Значит по домашке.
    1. На макете есть текст помещенный в теги. Только текст надо разместить вам на странице. А в редакторе (sublime text 3, brackets и т.д.) сам текст надо обернуть в указанные в домашке теги.
    2. Каждый урывок текста это своего рода блок. Если в Avocode или Photoshop навести на него курсор, то видно рамки этого блока. То есть, работайте с этими блоками, как Женя учил в уроке. Думайте! Мне очень понравилось display: block; и display: inline-block;
    3. В каждом селекторе укажите свойство border внизу, чтоб видеть границы. Потом это уберете в конце.
    4. На рабочей странице, в браузере, ну типа когда открываете, чтоб посмотреть, что натворили нажмите F12 или Fn+F12 на ноуте и вы увидите свой код. Когда мышкой ставите на свои теги, то вы классно видите границы каждого блока и стилизацию. Мне это очень помогало.
    Делюсь с вами моими наработками.
    Не благодарите)

    • @user-eb5zg9qp4l
      @user-eb5zg9qp4l 3 года назад +7

      Спасибо, что написали!! Буду использовать ваши наработки при выполнии д\з

    • @self-toughstudy6635
      @self-toughstudy6635 3 года назад +6

      Полезно! Пока только учусь, но тоже пришел к выводу что с бордерами удобнее воспринимать страницу на этапе проектирования. Только я назначаю полные рамки для всех дивов на странице, мне так удобнее.

    • @kates9455
      @kates9455 3 года назад +5

      спасибо!
      а не подскажите как удалось выстроить предпоследний элемент (ссылку ) в одну строку рядом со span?
      По идее применение inline-block должно тут помочь , но не помогает.
      Заранее спасибо.

    • @self-toughstudy6635
      @self-toughstudy6635 3 года назад +2

      @@kates9455 и это строчные тэги, они сами должны выстроится рядом, если есть место.
      Можно сделать вот так: codepen.io/taskov1/pen/KKNBwyE

    • @serjio056
      @serjio056 3 года назад +4

      А то что в макете есть названия тегов, например их надо переносить на готовую страницу? Или вместо этих тегов должны быть отступы в верстке, не понял этого момента

  • @yuriilukianovych8660
    @yuriilukianovych8660 4 года назад +142

    Тайм-коды, если нужно быстро что-то найти:
    _______________________________________________________________________________
    00:00 Настройка файлов к работе
    01:10 padding - внутренний отступ блочных тегов
    05:45 margin - внешний отступ блочных тегов
    07:45 width - устанавливает ширину блочных тегов
    11:04 max-width - устанавливает максимальную ширину блочных тегов
    12:24 min-width - устанавливает минимальную ширину блочных тегов
    15:09 height - устанавливает высоту блочных тегов
    16:50 max-height - устанавливает максимальную высоту блочных тегов
    18:03 min-height - устанавливает минимальную высоту блочных тегов
    19:23 ВАЖНО! Свойство box-sizing - расчёт размеров блочных тегов. Значения этого свойства указывают, влияют ли отступы и границы на размеры блочных тегов.
    22:12 overflow - управляет отображением содержания блочного элемента
    24:24 display - многоцелевое свойство, которое определяет, как элемент должен быть показан в документе. (Наример, делает из строчного элемента блочный и наоборот)
    29:48 Шпаргалка от Евгения по свойствам этого урока
    30:32 Домашнее задание
    _________________________________________________________________________

  • @NickBardier
    @NickBardier 4 года назад +87

    Ты когда все это рассказываешь, у тебя аж глаза горят. Респект тебе!!!

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  4 года назад +4

      Пожалуйста!

    • @konstantino7016
      @konstantino7016 3 года назад +1

      Я тоже обратил на это внимание. От этого еще больше заряжаешься. Жека, ты невероятно крут!!!

  • @user-ei6wy1ew9f
    @user-ei6wy1ew9f 4 года назад +346

    Реально чувствуется по голосу насколько человек увлечен тем что делает и насколько кайфует от этого.
    Женя, благодарю тебя за твой труд и время которое тратишь на все эти уроки!! Ежедневно занимаюсь по твоим урокам.
    Со своей стороны твоим каналом поделился уже с 6-ю друзьями, по-любому в будущем буду рекомендовать ещё для тех кто будет спрашивать о подобном.
    как всегда ПАЛЕЦ ВВЕРХ!!!
    Удачи в работе, здоровья тебе и твоей семье!!!

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  4 года назад +23

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

    • @user-dq2wd2pk2r
      @user-dq2wd2pk2r 2 года назад +1

      ну и как успехи?

    • @user-es5uq7bv2p
      @user-es5uq7bv2p 2 года назад +1

      @@user-dq2wd2pk2r для себя, вероятно, занимается. Чтобы тупым не быть. И это отличное решение.

    • @user-sh2sd1ri5c
      @user-sh2sd1ri5c Год назад

      .85
      Щх
      Р0ш8ш66ггхлдщщдза1увй1й

  • @custercuster4918
    @custercuster4918 Год назад +9

    ахахахах, я сижу весь урок, скрупулезно конспектирую каждое слово, Эвгений в конце видео: "для того, чтобы тебе не пришлось..."...
    P.S.: "Щиро вдячний за твiй контент)"

  • @0vercringer993
    @0vercringer993 4 года назад +180

    Очень хорошо, что ты записываешь конспект в текстовый файлик :)

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  4 года назад +30

      Я тоже так думаю))

    • @mayak7500
      @mayak7500 4 года назад +10

      @@FreelancerLifeStyle да, за это нижайший поклон)))

    • @Oklesia
      @Oklesia 4 года назад +5

      @@FreelancerLifeStyle о да, спасибо за это огромное

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  4 года назад +7

      Пожалуйста)

    • @user-ri1ry7sx6p
      @user-ri1ry7sx6p 4 года назад

      @@FreelancerLifeStyle конспектики , то что надо нам

  • @user-tj4hk9xt3c
    @user-tj4hk9xt3c 2 года назад +8

    Ух, сделала. Один день ушел на то, чтобы пару раз посмотреть видео, и другой на то, чтобы разобраться. В среднем, отдаю обучению вёрстке 3 ч в день. Так приятно бывает смотреть на результат и гордиться своими скромными достижениями ))

  • @winsol5103
    @winsol5103 4 года назад +24

    Приветствую Женя. Всем кто смотрит это. Советую пересматривать все по
    2 - 3 раза, потом будет все понятно)

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  4 года назад +2

      Все верно)

    • @AlexStolbovakariturnel
      @AlexStolbovakariturnel 3 года назад +5

      @@FreelancerLifeStyle Ух, отлегло. Думал, что это особенность моей "соображалки", что нужно пересматривать 2-3 раза.

    • @didykihor5480
      @didykihor5480 3 года назад +1

      @@AlexStolbovakariturnel аналогично)

    • @volodymyrkosynskyi7431
      @volodymyrkosynskyi7431 3 года назад +1

      так и делаем, ещё и в тетрадку заметки делаю)

  • @user-kw8qz1eb6d
    @user-kw8qz1eb6d Год назад +4

    Евгений жму руку! твои видео как глоток чистого воздуха на просторах интернета.

  • @Syuzi.Surprises
    @Syuzi.Surprises 4 года назад +36

    Благодарю, зашел вспомнить пару терминов :)
    -Засчет тебя я уже стал WEB Junior Front-end programming :)

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  4 года назад +1

      Спасибо, я рад)

    • @tommy7tommy
      @tommy7tommy 4 года назад +1

      круто, сколько времени обучался до этого уровня ,?

    • @Syuzi.Surprises
      @Syuzi.Surprises 4 года назад +9

      @@tommy7tommy , в основном смотрел других ютуберов. Но от них матва не было, из-за этого ушел со сферы программирования. Потом неожиданно захотел вернуться, примерно 3-4 месяца учебы от фрилансера по жизни + телеграм канал. Дал себе знать чего я достоен, и это только начало

    • @abrormamatqulov6558
      @abrormamatqulov6558 3 года назад +1

      @@Syuzi.Surprises я реально рад за тебя!!!

    • @gasada1573
      @gasada1573 3 года назад +1

      @@Syuzi.Surprises какие уже успехи?)

  • @sychunya
    @sychunya 2 года назад +40

    Настроение было отвратительное, но тем не менее села за урок, чтобы не пропускать и заниматься регулярно
    Даже настроение повысилось, спасибо вам за уроки! Вы отлично объясняете материал!

    • @david___620
      @david___620 7 месяцев назад

      Как у вас успехи? Вы не сошли с пути за етот год?

    • @sychunya
      @sychunya 7 месяцев назад

      @@david___620 К сожалению, сошла, сменила специальность)

  • @45632476
    @45632476 4 года назад +45

    Отличная мудрость "живи, а работай в свободное время". Найти работу по душе - так с предидущего предложения останется только одно слово)
    Спасибо за уроки.

  • @Bohdan19H
    @Bohdan19H 3 года назад +10

    Просто бомбезні уроки!!!! Наскільки мені відомо, в Ужгороді вже 2 року жодна компанія не організовувала курсів для бажаючих працювати в IT. А всі онлайн курси, які мені зустрічались зорієнтовані на заробітку. А тут Женя викладає матеріал в настількі доступній формі, що неможливо щось не зрозуміти. Та ще й безкоштовно!!! Величезне дякую, лайк, підписка. 👨‍🎓👏

  • @occamsr
    @occamsr Год назад +8

    Октябрь 2022.
    Начали курс группой.
    Спасибо, что оставил русскоязычный контент.
    Объясняешь весьма доходчиво и структурировано.

    • @xdayx53
      @xdayx53 Год назад

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

    • @supportvaflya7909
      @supportvaflya7909 11 месяцев назад

      как там успехи?

  • @landfathich
    @landfathich 3 года назад +8

    пхахпах такой каеф было весь урок записывать а в конце услышать "можешь не записывать ,всё в файле есть"))

  • @lupodimarel
    @lupodimarel 2 года назад +3

    Плохо что на youtube нельзя два раза поставить лайк ! Спасибо огромное вам !

  • @user-rs3zv8dc7p
    @user-rs3zv8dc7p 3 года назад +16

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

  • @Sweet_and_joy
    @Sweet_and_joy 2 года назад +68

    ДЛЯ ТЕХ, КТО НЕ ПОНЯЛ НА 19:23
    При отключении BOX-SIZING в CSS: общая ширина блока=width+padding+margin+border
    Пример: общая ширина блока=width500+padding10+margin20+border1=500+10+10+20+20+1+1=562
    При включенном BOX-SIZING в CSS: общая ширина блока=width+margin (padding и border входят внутрь ширины width, поэтому и не учитываются)
    Пример: общая ширина блока=width500+margin20=500+20+20=540 где width500=padding20+border1+оставшаяся ширина (500=20+20+1+1+458)

    • @user-if7jm1er5o
      @user-if7jm1er5o Год назад +3

      Это очень помогло!Спасибо

    • @aleksei4987
      @aleksei4987 Год назад

      box-sizing в обнулении не сработал(код такой же, даже копировал из урока специально), и чтобы понять, как работает, пришлось дописать box-sizing в класс блочного тега.

    • @Cat_Programmer
      @Cat_Programmer Год назад

      спасибо!

    • @vladgalekas
      @vladgalekas Год назад

      К сожалению, автор заблуждается по поводу свойства box-sizing, так как ни при значении по умолчанию, ни при значении border-box, ширина и высота элемента не включают в себя значения свойства margin. Вот информация из MDN Web Docs: "border-box: The width and height properties include the content, padding, and border, but do not include the margin." Ну и через Chrome Dev Tools это тоже довольно просто отслеживается.

    • @user-dt5qy2ol3k
      @user-dt5qy2ol3k Год назад +1

      @@vladgalekas Так именно об этом и речь. И в комментарии и в ролике

  • @feliks_iron
    @feliks_iron 2 года назад +5

    Отдельный кайф - это твои картинки...🤠

  • @FastBimer
    @FastBimer 2 года назад +13

    Учусь с 0 по твоим урокам, никогда до этого я не сталкивался с программированием, а зря, это очень интересно) Устал от тяжёлой работы на ногах, хочу зарабатывать головой, тем более в наше сейчас время, когда ты не знаешь, что может произойти (война), и работы твоей может уже и не быть вовсе... Хочу сказать тебе огромное спасибо, что есть такой человек как ТЫ! Который обучает абсолютно бесплатно всех! А в конце ролика твоя речь, меня каждый раз вдохновляет только продолжать идти к цели и *Жить*...

  • @tapalexxx
    @tapalexxx Год назад +1

    Привіт з 2023! вирішив перейти з геймдеву у веб розробку. Дуже вдячний за ці всі уроки. Дуже корисно, без води, чітко та структуровано. Дуже велика робота була зроблена щоб вийшов такий результат. Дуже велика подяка за зроблену роботу !!!

  • @user-cp8fy7qm5l
    @user-cp8fy7qm5l 4 года назад +162

    Я даже рекламу смотрю что бы тебе деньги капали

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  4 года назад +24

      Спасибо! Ценю!

    • @shelove4212
      @shelove4212 4 года назад +9

      Можно по ссылкам переходить из рекламы, так еще упадет монетка!

    • @sinulka
      @sinulka 3 года назад +7

      ​@@shelove4212 спасибо за совет-буду тоже так делать)))

    • @olyashulpina2777
      @olyashulpina2777 3 года назад +2

      @@sinulka да я тоже, всегда хочется поддержать хорошего автора

    • @berillio9384
      @berillio9384 3 года назад +1

      Если с према смотреть то не будет что-ли капать, или засчитывается как-то?)Автор конечно лучший, довольно быстро ввёл в курс дела по html и сss, которые были для меня обратной стороной Луны до сегодня)

  • @olesyan6781
    @olesyan6781 3 года назад +19

    Я от души присоединяюсь ко всем восторженным отзывам о канале в целом и об этом курсе в частности! Настолько понятного материала по вёрстке я ещё не встречала... "Это просто праздник какой-то!" :)

  • @igormashinski1533
    @igormashinski1533 4 года назад +37

    Спасибо за видео !!! , , учусь верстке ,,,

  • @luxarmiger5729
    @luxarmiger5729 3 года назад +32

    Жека, спасибо тебе тысячу раз за то, что только на твоих уроках можно отлично стартануть в web. Ты так много вложил любви и времени в материалы по обучению... Я очень ценю твой дар!

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  3 года назад +9

      Пожалуйста!

    • @katerinasavchenko9753
      @katerinasavchenko9753 2 года назад +6

      @@FreelancerLifeStyle Женя. присоединяюсь ко всем коментам и словам благодарности. учиться по Вашему материалу одно удовольствие. все четко и продумано. Мне ваш курс посоветовал мой муж, который выучился на Ваших уроках и сейчас работает на фирме. Я когда раньше смотрел ем занимаеться мой муж, то чесно говоря хотелось плакать. А теперь сама в 40 лет после 6 лет декрета решила стать фрилансером и прохожу Ваши уроки. Сейчас мне уже не страшно, а даже наабарот интересно. Я понимаю, что именно через такую подачу материала как у Вас я и поменяла свое мнение. Еще раз спасибо Вам и успехов Вам во всех проектах.

  • @vladavad6154
    @vladavad6154 2 года назад +3

    Поступил в онлайн школу на курс "FullStack разаработчик". Информация подается скомкано, быстро и ее очень много для одного урока.
    Жека подает информацию дозированно и очень доступно. Очень заинтересовал курс с 1 сентября. Очень гуманная цена, попробовав позаниматься с Женей, понял что это очень хороший курс. Но... уже учусь на курсах и деньги никто не вернет. Пока в раздумьях по покупке курса. Жека, ты классный! Жаль что не попробовал заниматься по твоей программе раньше.

  • @dmitriyshcherbak5926
    @dmitriyshcherbak5926 3 года назад +4

    Огромное спасибо!!! Как всегда легко, непринужденно, профессионально и с любовью к любимому делу.

  • @danyrusovych
    @danyrusovych 3 года назад +4

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

  • @marcus_74
    @marcus_74 3 года назад

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

  • @user-vl3fc1pv3c
    @user-vl3fc1pv3c 3 года назад +2

    ВЕЛИЧЕЗНЕ Вам ДЯКУЮ за Неймовірно Змістовний Урок!!! ВЕЛИЧЕЗНІ РЕСПЕКТ І УВАЖУХА!!!

  • @user-zq1kq6dp6j
    @user-zq1kq6dp6j 2 года назад +3

    Отличная подача материала, а позитивный настрой отличная мотивация двигаться дальше!!!

  • @hydrargyrum01
    @hydrargyrum01 2 года назад +3

    Наверное самые годные уроки по верстке... Спасибо. Очень интересно смотреть.

  • @user-jj7fn4wp1j
    @user-jj7fn4wp1j 2 года назад

    Эти уроки, потрясающие! Систематизированная информация, очень доступно да ещё и текстовая шпаргалка, как каркас, как HTML. Спасибо, тёска!

  • @arthurvolokhov1911
    @arthurvolokhov1911 3 года назад +2

    Спасибо огромное за труд. Я в восторге от качества материала и метода подачи.

  • @alex-troshin
    @alex-troshin 4 года назад +3

    Как ты объясняешь, Жек, это нечто. Все понятно и доходчиво. Если зайти на некий ресурс и глянуть описание - черт ногу сломит, а тут все просто и понятно. мерси

  • @yevhen_lod
    @yevhen_lod 4 года назад +11

    Один из важнейших уроков(!!!), который нужно очень хорошо проработать и осознать. Спасибо за ролик!

  • @akhmad_goytinski
    @akhmad_goytinski 2 года назад +2

    Спасибо Вам за качественно и грамотно подачи уроков! Вы лучший преподаватель!!!

  • @Julia_Stepanenko
    @Julia_Stepanenko 3 года назад +2

    Спасибо за урок! Все объяснения на понятном языке) очень качественно и на позитиве)

  • @sanya18888
    @sanya18888 2 года назад +5

    Спасибо тебе Человечище, когда я начну зарабатывать благодаря твоим наставлениям я тебя отблагодарю. Отвечаю за свои слова.

  • @lexpotapenko9412
    @lexpotapenko9412 Год назад +4

    Не могу не оставить комментарий! Очень крутые уроки! Помимо легкодоступной "не нудной" теории, еще и практика.. и домашка)) И еще, это первое видео (а пересмотрел подобных доху...) в котором узнал что margin может принимать отрицательное значение. Спасибо за труд)

  • @skrypkan
    @skrypkan 2 года назад +2

    Спасибо тебе огромное! На курсах в Киеве мне так не рассказывали как ты! Я очень рада, что нашла ТВОЙ канал и что ТАКОЙ ЧЕЛОВЕК КАК ТЫ - ЕСТЬ!

  • @Kos37376
    @Kos37376 2 года назад +2

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

  • @alexmarch
    @alexmarch 2 года назад +5

    Автору: 1е у тебя талант преподавателя. 2е просто ты очень приятный молодой человек - на тебя приятно смотреть и приятно слушать. Хотелось бы еще вот такие уроки по JS . Это конечно не CSS и тема явно сложнее но поэтому ты и нужен, потому что у тебя получается правильно доносить информацию.

  • @sergeysokolov4270
    @sergeysokolov4270 4 года назад +5

    Спасибо за ваш труд, все на высоком уровне. Надеюсь будете продолжать снимать обучающие ролики, таких крутых уроков почти нет!!!

  • @laaguunaa9964
    @laaguunaa9964 Год назад

    Очень нравится Ваша подача! Смотрю с огромным интересом! Спасибо!

  • @F1NERS
    @F1NERS Год назад

    Женя спасибо, твоим урокам уже 2 года, но до сих пор, люди на нём учиться, ты лучший!

  • @nasivit8016
    @nasivit8016 4 года назад +28

    Эх... ну что сказать? - Женёк как всегда Красава!

    • @nasivit8016
      @nasivit8016 4 года назад

      Жень, а можешь скинуть свой профиль на фрилансе? я хочу посмотреть какие у тебя проекты

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  4 года назад +3

      Спасибо!
      www.weblancer.net/users/bliznets/?affiliate=bliznets

  • @CreatorOfFuture
    @CreatorOfFuture 4 года назад +15

    Курсы просто ТОП!
    Очень доступно!
    За блокнот отдельное спасибо!!!
    То чувство когда понимаешь что информация годная!

  • @ievgeniipavlov5022
    @ievgeniipavlov5022 4 года назад +2

    А за шпаргалки - отдельное спасибо ))
    Евгений, ВЫ ВОСХИТИТЕЛЬНЫ! _)

  • @user-nn9so6dg8q
    @user-nn9so6dg8q Год назад +1

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

  • @user-kh6mz9yf4w
    @user-kh6mz9yf4w 2 года назад +3

    Очень хорошо объясняешь, без воды, с меня лайк и подписка! Продолжай в том же духе! Удачи!

  • @user-wy1qd5oi3v
    @user-wy1qd5oi3v 4 года назад +29

    Как всегда все на высоте. Так держать.

  • @user-te4ks9ox2y
    @user-te4ks9ox2y 2 года назад

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

  • @vladvlad7232
    @vladvlad7232 4 года назад +1

    За семь уроков у Жени я узнал больше, чем за все материалы по сайтостроению, что я просмотрел ранее. Спасибо ! Лайк, лайк, лайк !

  • @daarrys2861
    @daarrys2861 Год назад +3

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

  • @user-ev9zs2no7j
    @user-ev9zs2no7j 4 года назад +3

    Женя, благодаря тебе теперь я точно до конца понял что такое padding и margin

  • @keybodey6097
    @keybodey6097 3 года назад +1

    Обалденные уроки, благодаря вам, смогу сделать свой сайт! Спасибо Вам большое, что делаете такой контент!

  • @user-jo5ij6df1d
    @user-jo5ij6df1d Год назад

    Спасибо за ещё одну порцию позитива и информации. Домашнее задание очень к месту для закрепления материала. И отдельное спасибо за конспектик!

  • @sergeygeyko6894
    @sergeygeyko6894 3 года назад +3

    Женя, благодарю за уроки!

  • @user-hm7xf9hj6q
    @user-hm7xf9hj6q 4 года назад +4

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

  • @user-rr3ql4hv7y
    @user-rr3ql4hv7y 2 года назад

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

  • @user-gc1up4yy2h
    @user-gc1up4yy2h Год назад +1

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

  • @YakovenkoPavel
    @YakovenkoPavel 2 года назад +3

    Жека, спасибо за курс! Информационная компрессия в получасовом видео просто поражает!

  • @cyclodol96
    @cyclodol96 3 года назад +5

    Прекрасные уроки, лучше, чем я себе мог таковые представить:)

  • @di.adamant
    @di.adamant 3 года назад

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

  • @evakhaan
    @evakhaan 3 года назад

    Вы просто моё солнышко в мире вёрстки. Обращаюсь к вашим видео далеко не в первый раз.
    Спасибо)

  • @dennyluckes4783
    @dennyluckes4783 4 года назад +4

    отдельное спасибо за включения с улицы- классная фишка!

  • @uno818
    @uno818 4 года назад +4

    Спасибо Женя! Каждый урок круче предыдущего!!!

  • @nyutakulik4855
    @nyutakulik4855 2 года назад +1

    неперевершені відео та матеріал! Дуже рада, що знайшла Ваш канал!!

  • @levangagua7012
    @levangagua7012 4 года назад

    От души за уроки ! Смотрю и просто вникаю ! Лучшие уроки по теме!

  • @oleksandrilchuck8482
    @oleksandrilchuck8482 4 года назад +5

    Спасибо за труды! Всех благ! Отдельный респект за конспектик!

  • @user-pb8gq7ip5i
    @user-pb8gq7ip5i 3 года назад +3

    Евгений, просто ЗАМЕЧАТЕЛЬНЕЙШИЕ уроки! Все разложено по полочкам, все логично, все понятно разъяснено, все необходимые доп материалы, ничего не упущено. При этом сама подача не скучная, душевная и в то же время грамотная. Ты уделил внимание каждой мелочи как в самом материале для обучения, так и в его подаче. Плюс ты реагируешь на наши советы. Это самые лучшие уроки, которые я видел по разным темам, а не только по теме сайтов. Понимаю, какой большой труд вложен в каждый урок + часть своей души. Огромнейшее тебе спасибо!!! Успехов и удачи тебе во всем)))

  • @relaxationandispiration8159
    @relaxationandispiration8159 3 года назад

    Аааа, как же я рад, что выбрал именно этот курс!!!Спасибо огромное!

  • @saltanattemir583
    @saltanattemir583 4 года назад +1

    Большое спасибо за добросовестную подачу информации! Все шикарно!

  • @n6mq97
    @n6mq97 Год назад +3

    Чтобы предпоследний span и ссылка стали в одну строку как в макете, можно параграфу задать display: block, с помощью padding`а отодвинуть его вправо, и с помощью отрицательного верхнего margin`а поставить его в одну линию с div`ом

  • @user-ve7tx3ud6n
    @user-ve7tx3ud6n 4 года назад +4

    Спасибо Евгений. Прекрасно доносите информацию до слушателя. Монтаж Вашего видео - отдельное видео.

  • @user-qw4be9lj2y
    @user-qw4be9lj2y 2 года назад

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

  • @viktorbialkovskiy4034
    @viktorbialkovskiy4034 3 года назад +2

    Просто идеально💯✨.
    Заходит как-будто я сам себе объясняю!

  • @user-yn9wc2sj5f
    @user-yn9wc2sj5f 4 года назад +5

    Я очень благодарен за то что даже место нас конспектируешт !!! Так удобно !!! Спасибо!!!

    • @user-yn9wc2sj5f
      @user-yn9wc2sj5f 4 года назад +1

      Не могу не спросить. Зачем ты это делаешь ? Так стараешься ?

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  4 года назад +4

      Незнаю, решил делиться опытом. Надеюсь буду полезен широкой публике, а там посмотрим)

    • @nepkot9361
      @nepkot9361 4 года назад +1

      @@FreelancerLifeStyle Спасибо добрый человек! И чтоб ты жил долго и счастливо! ))) ИМХО самые выверенные по соотношению количество полезной информации\время и при этом доступные для восприятия "с нуля" курсы русскоязычного сегмента.

  • @sergeybelokhotyuk5785
    @sergeybelokhotyuk5785 4 года назад +49

    Спасибо Вам огромное, начал смотреть канал по рекомендации Хауди, и мне очень нравиться, особенно то что вы проговариваете все тонкости применения свойств! чего нет в литературе где просто говориться к примеру про width а про такие свойства как min-width или max-width, будет описываться где-то через несколько глав и то если со скуки не бросишь эту затею... а у Вас в доходчивом стиле и по наполнению очень приятно смотреть рад у вас перенять ваш опыт capucin с вами!

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  4 года назад +1

      Спасибо большое! Стараюсь! 😅

    • @oxygensss4390
      @oxygensss4390 3 года назад

      хауди советовал фрилансера?

    • @oxygensss4390
      @oxygensss4390 2 года назад

      @Gafrantiarus почему считаешь его плохим прогером?

    • @oxygensss4390
      @oxygensss4390 2 года назад

      @Gafrantiarus на вопрос не ответил) Относительно навыков что не так?

  • @mykolanychyporuk9530
    @mykolanychyporuk9530 2 года назад +1

    Женя, дуже дякую тобі, насправді поки що найкращий курс який я пробував почати вчити, дуже толково і продумано, і приємно все робити.
    а ще класно те що ти досі читаєш коментарі і лайкаєш! ти крутий, дякую!

  • @alinadvt
    @alinadvt Год назад +1

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

  • @vagamin4157
    @vagamin4157 3 года назад +4

    Очень приятно смотреть. Спасибо за такое качество контента

  • @user-cd1bo2sh2e
    @user-cd1bo2sh2e 3 года назад +3

    Всех благ, спасибо! Помогаешь утрамбовать и расставить по полочкам!

  • @user-gh3bo9qr5y
    @user-gh3bo9qr5y 3 года назад

    Как же это гениально! Просто принимай мои поклоны!)

  • @konstantino7016
    @konstantino7016 3 года назад

    Евгений, ты как Прометей, делишься с людьми сокровенными знаниями. Огромное спасибо!

  • @dimanwostock
    @dimanwostock 3 года назад +4

    спасибо.
    Любовь к своему делу ,сразу видно.

  • @baxtiyorisroilov8628
    @baxtiyorisroilov8628 3 года назад +4

    Женя у тебя уроки лучше и понятлее чем другие курсы даже академии

  • @ashbarso7752
    @ashbarso7752 3 года назад +2

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

  • @adeptusCustodius
    @adeptusCustodius 3 года назад

    Женя ты лучший! Реально живее и интереснее чем препод на моих платных курсах!!!

  • @user-mq6wh6kg4u
    @user-mq6wh6kg4u 3 года назад +3

    За шпаргалки отдельное спасибо!Удобно конспектировать стало!Ваши уроки просто прекрасны

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  3 года назад

      Пожалуйста!

    • @user-wz4qg6rk5m
      @user-wz4qg6rk5m 3 года назад

      @@FreelancerLifeStyle Добрый день! Большое спасибо Вам за уроки! Где найти шпаргалки?

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  3 года назад

      @@user-wz4qg6rk5m fls.guru

  • @diko5975
    @diko5975 4 года назад +3

    Большое спасибо! за конспект в текстовом файле хочется поставить отдельный лайк)

  • @mishachubenko3394
    @mishachubenko3394 Год назад

    !!! Женя, дякую за курс !!!
    Кожну серію, проробляю разом з тобою, два рази, забирає багато часу, але і ти потратив багато часу , щоб дати знання нам !

  • @user-gs6mh2ry1o
    @user-gs6mh2ry1o 2 года назад +2

    Спасибо большое за уроки и отдачу, с которой ты это делаешь!) Все продумано до мелочей, безумно благодарна)

    • @mrzzda7805
      @mrzzda7805 2 года назад

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

  • @user-wf4np1ne2c
    @user-wf4np1ne2c 4 года назад +20

    Жень, как всегда классный выпуск!)

  • @user-ck2yy4kq5s
    @user-ck2yy4kq5s 4 года назад +3

    Все очень круто! Пока лучшее, что я видел по вёрстке!) Спасибо)

  • @wellwillard8122
    @wellwillard8122 2 года назад +1

    Круто! очень последовательно и логично изложен материал! РЕСПЕКТ!

  • @user-tk7qv9rv2c
    @user-tk7qv9rv2c 3 года назад

    Классные уроки, наглядно, понятно, время роликов хорошее 👍
    Спасибо