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

  Рет қаралды 70,370

От 0 до 1

От 0 до 1

5 жыл бұрын

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

Пікірлер: 197
@Simoreg
@Simoreg Жыл бұрын
Единственный кто смог нормально объяснить для чего был нужен border-box
@vadymprokopchuk
@vadymprokopchuk Жыл бұрын
спасибо, я рад)
@andymits4578
@andymits4578 4 жыл бұрын
классный рассказчик , веселый и не нудный! чёткий видос. Спасибо!
@valdemarii9698
@valdemarii9698 Жыл бұрын
Благодарю, отличное объяснение + шутки , чтобы не превратится в лекцию. Вот это урок.👍
@deansanchez3385
@deansanchez3385 Жыл бұрын
Автору огромная благодарность, на скорости х2 разъяснил очень важную тему за 4 минуты, респект
@kignofthering5021
@kignofthering5021 4 жыл бұрын
Почему лайков так мало? Автор преподносит такую полезную информацию ) Жаль нельзя два лайка поставить ))
@boggeniys
@boggeniys 2 жыл бұрын
Спасибо огромное! начал учить HTML и CSS, и много чего не понятно, бесконечная благодарность таким людям как вы)
@maksimtroshkov173
@maksimtroshkov173 4 жыл бұрын
Отличное видео! Я как-то завалил тестовое задание как раз из-за того, что добавил паддинг для враппера, и у меня вся верстка поехала :) про border-box слышал, но не понимал для чего он нужен. Теперь все стало ясно. Годный контент! С меня лайк и подписка. Буду следить за твоим каналом ;)
@backtofire-videogames2930
@backtofire-videogames2930 3 жыл бұрын
Видео понравилось и было полезным. Сначала я полез на 'htmlbook', но там ни хрена понятно не было. Затем нашел твое видео, посмотрел, вернулся на 'htmlbook' и все кристально понятно!!! Магия 👏👏👏
@user-tn2bc9ls3c
@user-tn2bc9ls3c Жыл бұрын
Великолепный подарок от Вас. Ваши видео очень полезны.
@user-sk7pc3hn3o
@user-sk7pc3hn3o 5 жыл бұрын
Наконец-то добрался до этой штуки) Круто, спасибо за просветление!
@Mykhailo_Vdovychenko
@Mykhailo_Vdovychenko 4 жыл бұрын
Как все просто и доступно обьяснил. СПАСИБО! Ваш канал - просто находка!
@user-bj6uk7qi6f
@user-bj6uk7qi6f 2 жыл бұрын
Боля. От души благодарю тебе за это видео, как же долго искал такого учителя👍👍👍👍 подписка+лайк+колокол+комментарии)))
@user-sl8is7sk3j
@user-sl8is7sk3j 3 жыл бұрын
Спасибо за примеры! Все понятно и без лишней воды. Простыми словами, четко и ясно! Благодарю :)
@annj3150
@annj3150 2 жыл бұрын
Спасибо, до этого попадалось уже это свойство - ну свойство и свойство, а теперь все понятно стало
@the-great-brain-
@the-great-brain- 2 жыл бұрын
автор, спасибо, просто лучший) все понятно, четко, еще и достаточно интересно, так что желаю терпение и удачи и уверен, что у такого автора канал будет развиваться стремительно
@mamita5595
@mamita5595 4 жыл бұрын
Молодец. Четко и ясно. Прекрасный учитель
@AlekMuz
@AlekMuz 2 жыл бұрын
Ты просто шикарен!!! Пожалуйста, побольше делай таких разборов! Это очень здорово!
@appleipad9226
@appleipad9226 5 жыл бұрын
Спасибо, Вадим вижу у Вас все получается канал развевается желаю удачи 👍🏿
@vadymprokopchuk
@vadymprokopchuk 5 жыл бұрын
Спасибо
@yaroslavzef7267
@yaroslavzef7267 4 жыл бұрын
тоже рад, что он разВевается)
@andrei8299
@andrei8299 4 жыл бұрын
@@yaroslavzef7267 на ветру)
@user-sy3uo4ki6v
@user-sy3uo4ki6v 3 жыл бұрын
Отличный видос, спасибо за хороший урок! Все четко по делу и без воды!
@glyanz
@glyanz Жыл бұрын
Респект за запись урока в 4 утра) Все понятно, спасибо
@user-fd4jg4jo1m
@user-fd4jg4jo1m 2 жыл бұрын
Благодарочка за четкое и понятное объяснение!
@user-jk8tg5bb6c
@user-jk8tg5bb6c 5 жыл бұрын
спасибо, очень полезно=)
@Cats_Dogs.
@Cats_Dogs. 2 жыл бұрын
Наконец стало понятно для чего надо писать border-box.
@user-tc2oj1gr6j
@user-tc2oj1gr6j 4 жыл бұрын
Спасибо большое за видео мало кто так внятно обясняет.
@user-ve7tx3ud6n
@user-ve7tx3ud6n 2 жыл бұрын
Спасибо Вадим. Всё чётко и по существу.
@magerrrr
@magerrrr 3 жыл бұрын
I have to say that this has been the most incredible explanation! Thanks
@user-be7jw6nl1p
@user-be7jw6nl1p 2 жыл бұрын
Спасибо, автор, уже пишу React приложения, а такую мелочь упустил, и в итоге, когда начал делать fixed блоки, вся вёрстка ехала. Подписался !!! ТОП КОНТЕНТ!!!
@naphania2
@naphania2 Жыл бұрын
оочень полезно. на днях искал ответ про эту магию. нашел. но здесь закрепил и рад как слон)
@ne_psixyu
@ne_psixyu 5 жыл бұрын
Спасибо! Очень полезная информация!
@jonimonik6575
@jonimonik6575 4 жыл бұрын
Очень просто и понятно. Спасибо мужик!!!
@ivartcover4311
@ivartcover4311 4 жыл бұрын
Спасибо что разжевал) на всех видео это пишут ,но никто не рассказывает)
@mamurrahmatov9840
@mamurrahmatov9840 5 ай бұрын
Молодец вот это я понимаю, лучшее объяснение которое когда либо видел
@vadymprokopchuk
@vadymprokopchuk 5 ай бұрын
Благодарю
@user-sf3ni3dz2x
@user-sf3ni3dz2x 2 жыл бұрын
Кратко и понятно, без воды
@azrae21
@azrae21 4 жыл бұрын
Спасибо большое автору, отличный контент, выпускай побольше!
@Murakasi
@Murakasi 3 жыл бұрын
Благодарю, четко и ясно и главное без не нужных соплей! Лайк и подписка пошла .
@NITROBEARRR
@NITROBEARRR Жыл бұрын
Чисто и без воды)
@shortVideoIP
@shortVideoIP 5 жыл бұрын
Спасибо за видео, не знаком был со 2 видом записи, такие видео оч полезны, выпускайте побольше) Возможно в будущем если будет возможность, что то про scss например, архитектура допустим, многим будет полезна так как важна в реальной работе в офисе.
@vadymprokopchuk
@vadymprokopchuk 5 жыл бұрын
Обязательно запилю )
@joehunter1971
@joehunter1971 2 жыл бұрын
Спасибо,это видео помогло разобраться с этим box-sizing'ом
@oleksiykurylyuk4696
@oleksiykurylyuk4696 4 жыл бұрын
Дякую за доходчиве розяснення.
@A_A_A182
@A_A_A182 Жыл бұрын
Спасибо за доступное объяснение
@KIMI-lz5ym
@KIMI-lz5ym 3 жыл бұрын
Полезно, информативно и классно.
@user-gs5sf8ou9r
@user-gs5sf8ou9r Жыл бұрын
и не только начинающим, судя по-всему) БСпасибо за ваш труд!)) чмоки.
@alexkodding9354
@alexkodding9354 3 жыл бұрын
Спасибо большое. Очень просто и понятно обьясняешь )))
@car_sketch_and_render
@car_sketch_and_render 4 жыл бұрын
Спасибо Огромное! Очень доходчивый пример и объяснение!
@vadymprokopchuk
@vadymprokopchuk 4 жыл бұрын
спасибо
@AnastasiyaKovalenko1384
@AnastasiyaKovalenko1384 3 жыл бұрын
Спасибо. Все доступно объясняете.
@user-sk1rh7yh7n
@user-sk1rh7yh7n 3 жыл бұрын
Стиль повествования - супер!
@user-fy6jt8bx3e
@user-fy6jt8bx3e 3 жыл бұрын
Все четко разъяснено, спасибо!
@user-hc8ym6bq5e
@user-hc8ym6bq5e 3 жыл бұрын
Красава! От души прям! Внятно объяснил! Даже лайк поставлю!
@user-de3fu3fw4m
@user-de3fu3fw4m Жыл бұрын
Благодарность тебе вслед!)
@user-qb6tf5xc2p
@user-qb6tf5xc2p 5 жыл бұрын
Спасибо, очень круто объясняете))
@piratplay4689
@piratplay4689 3 жыл бұрын
Спасибо, как всегда полезно!
@user-ou7il8fk6w
@user-ou7il8fk6w Жыл бұрын
Урааа я наконец то поняла, спасибо тебе большое за подробное объяснение 😁
@EvilGazz
@EvilGazz 4 жыл бұрын
Спасибо! Искал инфу по этой теме нашел именно у тебя👍
@user-en8mc3cu1r
@user-en8mc3cu1r 2 жыл бұрын
просто и четко. Благодарю.
@artemkravchenko4062
@artemkravchenko4062 2 жыл бұрын
Спасибо большое, все понятно объяснили!
@skyenet223
@skyenet223 4 жыл бұрын
Четко. Без воды.
@user-lv3xy1wd2j
@user-lv3xy1wd2j 2 жыл бұрын
долго писал не понимая что это такое, долго искал и наконец нашел, и понял что это такое box-sizing: border-box; Спасибо
@user-ug1vi3bv1f
@user-ug1vi3bv1f 3 жыл бұрын
Чётко и понятно, спасибо!
@BillieBonse
@BillieBonse 4 жыл бұрын
коротко и понятно, спасибо!
@Exigoll92
@Exigoll92 3 жыл бұрын
посмотрю все твои видосы! Спасибо!
@Viktorres1
@Viktorres1 4 жыл бұрын
Спасибо! Доходчиво про необходимое.
@devidbrown8176
@devidbrown8176 4 ай бұрын
Спасибо тебе, добрый ЧЕЛОВЕК!)
@vadymprokopchuk
@vadymprokopchuk 4 ай бұрын
велком)
@AnyaPlesk
@AnyaPlesk Жыл бұрын
Очень-очень полезно!!!! Спасибо огромное))))😊
@enterkvas
@enterkvas 3 жыл бұрын
Большое спасибо! Успехов!
@The1nv1s1bleMan
@The1nv1s1bleMan Жыл бұрын
Боже мой! В общем я заплатил за годовой курс онлайн обучения 150 тысяч рублей. И вот в этом видео объяснена данная тема в разы лучше и доходчивее чем в онлайн-школе... Обязательно подписывайтесь на этот канал. Надеюсь другие материалы автор доносит таки же замечательно. Я подписался, поставил лайк. Спасибо!
@gerompauel
@gerompauel 3 жыл бұрын
Спасибо друг!:)) Наконец-то дошло до меня:))))
@TheBigChannel_
@TheBigChannel_ Жыл бұрын
Vadim, thank you so much!
@user-jw4wt7md5h
@user-jw4wt7md5h 3 жыл бұрын
Отличный урок)👍
@vasya8441
@vasya8441 4 жыл бұрын
очень хорошо автор объясняет
@ynivermine7750
@ynivermine7750 3 жыл бұрын
спасибо очень полезная информация )
@Parker9696
@Parker9696 Жыл бұрын
так легко все рассказал) браво мужик
@denzeroneYT
@denzeroneYT Жыл бұрын
Да, и без этих сложных слов, которые хоть и описывают кратко значение, но сложно понимать такое, ты хочешь узнать что значит например, border-box, а в итоге тебе приходиться разбирать что каждое слово значит в объяснении, новичкам это не нужно
@hellomyfriend9848
@hellomyfriend9848 2 жыл бұрын
благодарю, все понятно.
@stole-name
@stole-name 4 жыл бұрын
О боже! Я так хотел узнать эту штуковину у человека, который умеет объяснять и тут БАЦ в рекомендациях ты =) Лайков пачку тебе, хороший человек!
@vadymprokopchuk
@vadymprokopchuk 4 жыл бұрын
Супер)
@hackzet5134
@hackzet5134 2 жыл бұрын
Оч долго думал что это такое Спасибо за уро )))
@NonToxicTV
@NonToxicTV 5 жыл бұрын
Классно, что начал с этой мистической хрени =) когда я начинал, лично для меня, она была таковой. Как сейчас чистый CSS. Пойду чекать твой видос по sass, повторение мать учения! Спасибо за видео!
@vadymprokopchuk
@vadymprokopchuk 5 жыл бұрын
Круто! И тебе спасибо
@xojakbarxakimov5215
@xojakbarxakimov5215 3 жыл бұрын
спасибо за отличный видео уроку ; >)
@nikitatyshchenko5477
@nikitatyshchenko5477 2 жыл бұрын
Спасибо Огромное 👌)
@vladmix77
@vladmix77 4 жыл бұрын
Огромное спасибо!
@_luffi_san_
@_luffi_san_ 2 жыл бұрын
Спасибо что понятно объяснил а то я только начинаю верстать и не мог понять зачем box-sizing: border-box; нужен вообще.
@user-cr4ks2fb1m
@user-cr4ks2fb1m 4 жыл бұрын
Спасибо огромное, обязательно лайк и подписка
@vadymprokopchuk
@vadymprokopchuk 4 жыл бұрын
спасибо
@user-ov5tt6sc2f
@user-ov5tt6sc2f 3 жыл бұрын
Спасибо вам большое.
@naverand
@naverand 3 жыл бұрын
Спасибо огромное!
@ifenkiulkind5100
@ifenkiulkind5100 4 жыл бұрын
Дякую, добре пояснили.
@denzeroneYT
@denzeroneYT Жыл бұрын
+ як успіхи?
@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 жыл бұрын
Спасибо)
@yaroslavzef7267
@yaroslavzef7267 5 жыл бұрын
Спасибо, зашло)
@user-ei4lx2wy7h
@user-ei4lx2wy7h 4 жыл бұрын
Классно, давай ещё)
@sergeikupchyk5349
@sergeikupchyk5349 3 жыл бұрын
спасибо. все четко
@TheTexPro
@TheTexPro 5 жыл бұрын
Спасибо!
@dez1ess
@dez1ess Жыл бұрын
Гений. Спасибо
@vvks9901
@vvks9901 9 ай бұрын
спасибо, круто!!!
@klmnprst777
@klmnprst777 4 жыл бұрын
Бро, спасибо! Подскажи, можно ли сейчас верстать на grid? И если да, то можно ли обойтись только grid, или по любому надо будет еще flex учить?
@vadymprokopchuk
@vadymprokopchuk 4 жыл бұрын
flex обязательно, на гридах можно, но очень осторожно, я полноценно еще не использую
@serg-k
@serg-k 3 жыл бұрын
Тогда пересмотрю все и попробую на mavic
1 класс vs 11 класс  (игрушка)
00:30
БЕРТ
Рет қаралды 2,9 МЛН
The delivery rescued them
00:52
Mamasoboliha
Рет қаралды 10 МЛН
100😭🎉 #thankyou
00:28
はじめしゃちょー(hajime)
Рет қаралды 57 МЛН
美女と野獣 BEAUTY AND THE BEAST 演奏してみた
2:59
たかえりちゃんねる
Рет қаралды 51
Learn CSS BOX MODEL - With Real World Examples
17:45
Slaying The Dragon
Рет қаралды 87 М.
Никогда не пиши margin, padding и border в CSS
8:11
Анна Блок
Рет қаралды 63 М.
БЭМ методология. Практический пример
1:39:41
A CSS Unit Deep Dive - Learn CSS Units & When To Use Them
15:13
Slaying The Dragon
Рет қаралды 77 М.
1 класс vs 11 класс  (игрушка)
00:30
БЕРТ
Рет қаралды 2,9 МЛН