box sizing border box что это? и как его использовать

Поділитися
Вставка
  • Опубліковано 26 кві 2019
  • Друзья! в видео объясняю зачем в начале каждого сайта пишут это сладкое свойство) почему вам нужно писать box-sizing: border-box, и в каких случаях он прям спасайте жизнь начинающего верстальщика.
    Верстка сайта с нуля до завершения: • Верстка сайта с нуля д...
    -------------------------------
    Подпишитесь на канал, если вам понравилось данное видео:
    bit.ly/2IFzwBZ

КОМЕНТАРІ • 197

  • @Simoreg
    @Simoreg Рік тому +9

    Единственный кто смог нормально объяснить для чего был нужен border-box

  • @andymits4578
    @andymits4578 4 роки тому +86

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

  • @valdemarii9698
    @valdemarii9698 Рік тому +12

    Благодарю, отличное объяснение + шутки , чтобы не превратится в лекцию. Вот это урок.👍

  • @deansanchez3385
    @deansanchez3385 Рік тому +2

    Автору огромная благодарность, на скорости х2 разъяснил очень важную тему за 4 минуты, респект

  • @kignofthering5021
    @kignofthering5021 4 роки тому +26

    Почему лайков так мало?
    Автор преподносит такую полезную информацию )
    Жаль нельзя два лайка поставить ))

  • @boggeniys
    @boggeniys 2 роки тому +8

    Спасибо огромное! начал учить HTML и CSS, и много чего не понятно, бесконечная благодарность таким людям как вы)

  • @maksimtroshkov173
    @maksimtroshkov173 4 роки тому +13

    Отличное видео! Я как-то завалил тестовое задание как раз из-за того, что добавил паддинг для враппера, и у меня вся верстка поехала :) про border-box слышал, но не понимал для чего он нужен. Теперь все стало ясно. Годный контент! С меня лайк и подписка. Буду следить за твоим каналом ;)

  • @backtofire-videogames2930
    @backtofire-videogames2930 3 роки тому +1

    Видео понравилось и было полезным.
    Сначала я полез на 'htmlbook', но там ни хрена понятно не было.
    Затем нашел твое видео, посмотрел, вернулся на 'htmlbook' и все кристально понятно!!!
    Магия 👏👏👏

  • @user-tn2bc9ls3c
    @user-tn2bc9ls3c 2 роки тому +1

    Великолепный подарок от Вас. Ваши видео очень полезны.

  • @user-bj6uk7qi6f
    @user-bj6uk7qi6f 2 роки тому +3

    Боля. От души благодарю тебе за это видео, как же долго искал такого учителя👍👍👍👍 подписка+лайк+колокол+комментарии)))

  • @annj3150
    @annj3150 2 роки тому

    Спасибо, до этого попадалось уже это свойство - ну свойство и свойство, а теперь все понятно стало

  • @user-sk7pc3hn3o
    @user-sk7pc3hn3o 5 років тому +3

    Наконец-то добрался до этой штуки) Круто, спасибо за просветление!

  • @Mykhailo_Vdovychenko
    @Mykhailo_Vdovychenko 4 роки тому +1

    Как все просто и доступно обьяснил. СПАСИБО! Ваш канал - просто находка!

  • @user-sl8is7sk3j
    @user-sl8is7sk3j 3 роки тому +1

    Спасибо за примеры! Все понятно и без лишней воды. Простыми словами, четко и ясно! Благодарю :)

  • @the-great-brain-
    @the-great-brain- 2 роки тому +1

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

  • @mamita5595
    @mamita5595 4 роки тому +1

    Молодец. Четко и ясно. Прекрасный учитель

  • @AlekMuz
    @AlekMuz 2 роки тому +1

    Ты просто шикарен!!!
    Пожалуйста, побольше делай таких разборов! Это очень здорово!

  • @appleipad9226
    @appleipad9226 5 років тому +20

    Спасибо, Вадим вижу у Вас все получается канал развевается желаю удачи 👍🏿

  • @glyanz
    @glyanz Рік тому +1

    Респект за запись урока в 4 утра)
    Все понятно, спасибо

  • @user-sy3uo4ki6v
    @user-sy3uo4ki6v 3 роки тому +2

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

  • @user-fd4jg4jo1m
    @user-fd4jg4jo1m 2 роки тому +1

    Благодарочка за четкое и понятное объяснение!

  • @user-jk8tg5bb6c
    @user-jk8tg5bb6c 5 років тому +37

    спасибо, очень полезно=)

  • @Cats_Dogs.
    @Cats_Dogs. 2 роки тому

    Наконец стало понятно для чего надо писать border-box.

  • @user-tc2oj1gr6j
    @user-tc2oj1gr6j 4 роки тому +1

    Спасибо большое за видео мало кто так внятно обясняет.

  • @user-ve7tx3ud6n
    @user-ve7tx3ud6n 2 роки тому +1

    Спасибо Вадим. Всё чётко и по существу.

  • @magerrrr
    @magerrrr 3 роки тому +1

    I have to say that this has been the most incredible explanation! Thanks

  • @user-be7jw6nl1p
    @user-be7jw6nl1p 2 роки тому +1

    Спасибо, автор, уже пишу React приложения, а такую мелочь упустил, и в итоге, когда начал делать fixed блоки, вся вёрстка ехала. Подписался !!! ТОП КОНТЕНТ!!!

  • @naphania2
    @naphania2 Рік тому

    оочень полезно. на днях искал ответ про эту магию. нашел. но здесь закрепил и рад как слон)

  • @ne_psixyu
    @ne_psixyu 5 років тому +4

    Спасибо! Очень полезная информация!

  • @jonimonik6575
    @jonimonik6575 4 роки тому +1

    Очень просто и понятно. Спасибо мужик!!!

  • @ivartcover4311
    @ivartcover4311 4 роки тому +3

    Спасибо что разжевал) на всех видео это пишут ,но никто не рассказывает)

  • @mamurrahmatov9840
    @mamurrahmatov9840 5 місяців тому

    Молодец вот это я понимаю, лучшее объяснение которое когда либо видел

  • @azrae21
    @azrae21 4 роки тому +1

    Спасибо большое автору, отличный контент, выпускай побольше!

  • @Murakasi
    @Murakasi 3 роки тому

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

  • @NITROBEARRR
    @NITROBEARRR Рік тому +1

    Чисто и без воды)

  • @shortVideoIP
    @shortVideoIP 5 років тому +16

    Спасибо за видео, не знаком был со 2 видом записи, такие видео оч полезны, выпускайте побольше)
    Возможно в будущем если будет возможность, что то про scss например, архитектура допустим, многим будет полезна так как важна в реальной работе в офисе.

  • @user-gs5sf8ou9r
    @user-gs5sf8ou9r Рік тому

    и не только начинающим, судя по-всему) БСпасибо за ваш труд!)) чмоки.

  • @joehunter1971
    @joehunter1971 2 роки тому

    Спасибо,это видео помогло разобраться с этим box-sizing'ом

  • @oleksiykurylyuk4696
    @oleksiykurylyuk4696 4 роки тому

    Дякую за доходчиве розяснення.

  • @A_A_A182
    @A_A_A182 Рік тому

    Спасибо за доступное объяснение

  • @user-sf3ni3dz2x
    @user-sf3ni3dz2x 2 роки тому

    Кратко и понятно, без воды

  • @KIMI-lz5ym
    @KIMI-lz5ym 4 роки тому +1

    Полезно, информативно и классно.

  • @alexkodding9354
    @alexkodding9354 3 роки тому +1

    Спасибо большое. Очень просто и понятно обьясняешь )))

  • @car_sketch_and_render
    @car_sketch_and_render 4 роки тому +1

    Спасибо Огромное! Очень доходчивый пример и объяснение!

  • @AnastasiyaKovalenko1384
    @AnastasiyaKovalenko1384 3 роки тому +1

    Спасибо. Все доступно объясняете.

  • @user-sk1rh7yh7n
    @user-sk1rh7yh7n 3 роки тому

    Стиль повествования - супер!

  • @user-fy6jt8bx3e
    @user-fy6jt8bx3e 3 роки тому +1

    Все четко разъяснено, спасибо!

  • @user-hc8ym6bq5e
    @user-hc8ym6bq5e 3 роки тому +1

    Красава! От души прям! Внятно объяснил! Даже лайк поставлю!

  • @user-de3fu3fw4m
    @user-de3fu3fw4m Рік тому +1

    Благодарность тебе вслед!)

  • @user-qb6tf5xc2p
    @user-qb6tf5xc2p 5 років тому +1

    Спасибо, очень круто объясняете))

  • @piratplay4689
    @piratplay4689 3 роки тому +1

    Спасибо, как всегда полезно!

  • @user-ou7il8fk6w
    @user-ou7il8fk6w Рік тому

    Урааа я наконец то поняла, спасибо тебе большое за подробное объяснение 😁

  • @user-en8mc3cu1r
    @user-en8mc3cu1r 2 роки тому

    просто и четко. Благодарю.

  • @EvilGazz
    @EvilGazz 4 роки тому +1

    Спасибо! Искал инфу по этой теме нашел именно у тебя👍

  • @user-lv3xy1wd2j
    @user-lv3xy1wd2j 2 роки тому

    долго писал не понимая что это такое,
    долго искал и наконец нашел, и понял что это такое box-sizing: border-box; Спасибо

  • @artemkravchenko4062
    @artemkravchenko4062 2 роки тому

    Спасибо большое, все понятно объяснили!

  • @skyenet223
    @skyenet223 4 роки тому

    Четко. Без воды.

  • @user-ug1vi3bv1f
    @user-ug1vi3bv1f 3 роки тому +1

    Чётко и понятно, спасибо!

  • @Exigoll92
    @Exigoll92 3 роки тому

    посмотрю все твои видосы! Спасибо!

  • @BillieBonse
    @BillieBonse 4 роки тому +1

    коротко и понятно, спасибо!

  • @Viktorres1
    @Viktorres1 4 роки тому

    Спасибо! Доходчиво про необходимое.

  • @devidbrown8176
    @devidbrown8176 4 місяці тому

    Спасибо тебе, добрый ЧЕЛОВЕК!)

  • @AnyaPlesk
    @AnyaPlesk Рік тому

    Очень-очень полезно!!!! Спасибо огромное))))😊

  • @enterkvas
    @enterkvas 3 роки тому

    Большое спасибо! Успехов!

  • @The1nv1s1bleMan
    @The1nv1s1bleMan Рік тому

    Боже мой! В общем я заплатил за годовой курс онлайн обучения 150 тысяч рублей. И вот в этом видео объяснена данная тема в разы лучше и доходчивее чем в онлайн-школе...
    Обязательно подписывайтесь на этот канал. Надеюсь другие материалы автор доносит таки же замечательно. Я подписался, поставил лайк.
    Спасибо!

  • @gerompauel
    @gerompauel 3 роки тому

    Спасибо друг!:)) Наконец-то дошло до меня:))))

  • @user-jw4wt7md5h
    @user-jw4wt7md5h 3 роки тому

    Отличный урок)👍

  • @TheBigChannel_
    @TheBigChannel_ Рік тому

    Vadim, thank you so much!

  • @vasya8441
    @vasya8441 4 роки тому

    очень хорошо автор объясняет

  • @ynivermine7750
    @ynivermine7750 3 роки тому

    спасибо очень полезная информация )

  • @Parker9696
    @Parker9696 Рік тому

    так легко все рассказал) браво мужик

    • @denzeroneYT
      @denzeroneYT Рік тому

      Да, и без этих сложных слов, которые хоть и описывают кратко значение, но сложно понимать такое, ты хочешь узнать что значит например, border-box, а в итоге тебе приходиться разбирать что каждое слово значит в объяснении, новичкам это не нужно

  • @hellomyfriend9848
    @hellomyfriend9848 2 роки тому

    благодарю, все понятно.

  • @stole-name
    @stole-name 4 роки тому

    О боже! Я так хотел узнать эту штуковину у человека, который умеет объяснять и тут БАЦ в рекомендациях ты =) Лайков пачку тебе, хороший человек!

  • @NonToxicTV
    @NonToxicTV 5 років тому +8

    Классно, что начал с этой мистической хрени =) когда я начинал, лично для меня, она была таковой. Как сейчас чистый CSS. Пойду чекать твой видос по sass, повторение мать учения! Спасибо за видео!

  • @hackzet5134
    @hackzet5134 2 роки тому

    Оч долго думал что это такое Спасибо за уро )))

  • @xojakbarxakimov5215
    @xojakbarxakimov5215 3 роки тому

    спасибо за отличный видео уроку ; >)

  • @nikitatyshchenko5477
    @nikitatyshchenko5477 2 роки тому

    Спасибо Огромное 👌)

  • @_luffi_san_
    @_luffi_san_ 2 роки тому

    Спасибо что понятно объяснил а то я только начинаю верстать и не мог понять зачем box-sizing: border-box;
    нужен вообще.

  • @vladmix77
    @vladmix77 4 роки тому

    Огромное спасибо!

  • @user-cr4ks2fb1m
    @user-cr4ks2fb1m 4 роки тому

    Спасибо огромное, обязательно лайк и подписка

  • @user-ov5tt6sc2f
    @user-ov5tt6sc2f 3 роки тому

    Спасибо вам большое.

  • @naverand
    @naverand 3 роки тому

    Спасибо огромное!

  • @ifenkiulkind5100
    @ifenkiulkind5100 4 роки тому +1

    Дякую, добре пояснили.

  • @user-hg9jc9nc3k
    @user-hg9jc9nc3k 2 роки тому

    весёлый парень) лайк) спасибо!

  • @user-xi7xk7lc6x
    @user-xi7xk7lc6x 3 роки тому

    Спасибооо) я этого даже и не представлял

  • @helenradaykina5665
    @helenradaykina5665 5 років тому

    Благодарю!!!

  • @user-ob9tq6qc1b
    @user-ob9tq6qc1b 3 роки тому

    Уважаю тебя мужик!

  • @warflow
    @warflow Рік тому

    полезная инфа, не знал об этом

  • @dvsDesing
    @dvsDesing 4 роки тому

    Полезно!

  • @yamahabiker316
    @yamahabiker316 2 роки тому

    Спасибо) Подписался) Лайкосик оставил

  • @zord0208
    @zord0208 4 роки тому

    Благодарю!

  • @user-rf1jq4eo5z
    @user-rf1jq4eo5z 5 років тому +1

    Спасибо)

  • @yaroslavzef7267
    @yaroslavzef7267 5 років тому

    Спасибо, зашло)

  • @user-ei4lx2wy7h
    @user-ei4lx2wy7h 4 роки тому

    Классно, давай ещё)

  • @sergeikupchyk5349
    @sergeikupchyk5349 3 роки тому

    спасибо. все четко

  • @TheTexPro
    @TheTexPro 5 років тому

    Спасибо!

  • @dez1ess
    @dez1ess Рік тому

    Гений. Спасибо

  • @vvks9901
    @vvks9901 9 місяців тому

    спасибо, круто!!!

  • @klmnprst777
    @klmnprst777 4 роки тому +3

    Бро, спасибо! Подскажи, можно ли сейчас верстать на grid? И если да, то можно ли обойтись только grid, или по любому надо будет еще flex учить?

    • @vadymprokopchuk
      @vadymprokopchuk  4 роки тому

      flex обязательно, на гридах можно, но очень осторожно, я полноценно еще не использую

  • @serg-k
    @serg-k 3 роки тому

    Тогда пересмотрю все и попробую на mavic