Из всех прослушанных мной курсов, ваш - самый лучший! Вся информация расставлена по полочкам, четко структурирована, без воды и с множеством примеров. К тому же, бесплатна! Спасибо огромное 🖤
Это видео моя шпаргалка навсегда, очень понятно все объясняешь, все очень подробно и примеры понятные и крутые, теперь это будет мой любимый канал на ютуб) лайк) В голове не то что каша, но пока смотрел до конца уже забыл что такое "overflow: auto;" cтал перематывать) но все прям оочень круто
Хочу поблагодарить за урок!!! Лучшее, что я видела, отличное объяснение с примерами! Только начала изучать вёрстку и было много не понимая, но благодаря Вам нашла ответы на вопросы)
Чувак, очень клево объясняет материал: четко, детально, в хорошем темпе и хорошей дикцией. И самое главное без идиотского юмора и дебильных визуальных вставок, которыми пестрят большинство низкосортных учебных видосов. Люблю качественный ресурс. Респект, подписался!
Мужик ты хищник.Очень трудно удается находить качественный контент из-за всякого мусора,которого очень много в ютубе.Также хочу отметить,что у тебя очень хорошая дикция и это не позволяет заскучать при просмотре твоих видеоуроков.Продолжай в том же духе.
Спасибо за труд братишка. Всё просто и понятно. Только 2 нюанса: 1) так и не объяснил про vh, em, rem в начале видео, 2) hidden произносится также, как и читается. П.с. Позиционирование это для меня как заноза в задницк и это видео расставило хоть и не все, но почти половину точек над и :)
Отступы у инлайновых блоков это не баг. Дело в том что блочные инлайновые элементы также имеют свойство по типу строчных слов, по аналогии, слово=inline-block. А между словами как всем известно есть пробел, или тот самый отступ который мы видим у этих блоков.
Артём молодец... Думаю про одно позиционирование забыл... Это margin: 0 auto; Если блок меньше к примеру родителя, то часто его используют. Ещё раз, подача на высоте....
absolute позиционируется относительно ближайшего предка с position absolute или relative. Так что не обязательно, чтобы у родителя был relative, для позиционирования absolute элемента относительно родителя.
мужик ты мне очень помог..... я только учусь, всю голову сломал с проектом. не мог разобраться почему у меня див не поднимается в шапке. посмотрел и понял. то что позиционирование у родителя и дочерки могут быть разные. спасибо о боги. я 2 дня мучал этот гребаный див
Да, есть выход поставить блочно-строчным элементам отрицательный маргин. Но если шрифт больше, чем по умолчанию, то его нужно подгонять. Можно родителю указать нулевой размер шрифта и выставлять нужный у детей
У меня проблемы при выравнивании блочных элментов с помощью inline block. Н: выравниваю основных блоков потом при добавление новых элементов внутри этого блока все блоки уходят куда то вниз вверх
у меня почему-то display никак не хочет работать, когда пишу оно даже не подсвечивает его как команду а как обычный текст, в чем проблема? пропустил точку с запятой, увидел
Как мне сделать, допустим у меня есть: хедер ширина 80%, 3 блока, которые расположены в ряд по горизонтали снизу хедера, 1 блок 15%, 2й 40%, 3й 25%, и еще ниже футер ширина тоже 80%. Мне нужно все эти блоки расположить по центру страницы. Хедер и футер получается сделать, а этих 3 блока нет. В чем может быть проблема? Если прописать даже margin: 0 auto в * {, то центрирует только хедер и футер, а блоки остаются прижатыми к левому краю страницы...
27:10 А не проще было бы задать параметры width: 50%; left: 25%; ? Единственное наверное что мне лично было полезно узнать это про суммирование размеров параметров и про то что есть такая штука как margin
Друг помоги, обыскал весь интернет так и не узнал, вопрос совершенно не стандартный, но интересный, у меня есть объект div при наведении на него (&:hover), я на этом объекте создаю псевдоэлемент (before), но мне нужен еще один объект рядом, и я его создаю с помощью псевдоэлемента (after), и так я имею два псевдоэлемента, вопрос: могу ли я из одного псевдоэлемента сделать ячейку ввода типа (input), вот мой код: .barberry display: block height: 152px width: 147px background: url('../img/berry/barberry.png') center center / cover no-repeat z-index: 2 border: 1px solid #023100 &:hover &:before content: '' display: block height: 190px width: 160px background: url('../img/controls/frame.png') center center / cover no-repeat z-index: 2 transition: 1s all &:after content: '' display: block position: relative margin: -30px 0 0 80px border: 1px solid #023100 height: 20px width: 40px background: #ffffff border-radius: 15% z-index: 3 вот здесь бы из этого блока как то сделать input
еще как ты догадался есть margin-right тогда будет отступ слева, и еще margin left тогда отступ будет слева, мне кажетьяс что он понял что сморозил дичь но смолчал)) А так то ролик топ.
Гениально чувак! Отличная дикция, отсутствие воды, быстрая и не затянутая речь, хороший микрофон.
Дикция и голос от бога!
Из всех прослушанных мной курсов, ваш - самый лучший! Вся информация расставлена по полочкам, четко структурирована, без воды и с множеством примеров. К тому же, бесплатна! Спасибо огромное 🖤
дружище,всё устаканил,огромный респект за вклад в развитие человечества!!
Реально чёткая дикция, всё понятно и доходчиво, и как говорят :'без воды '.! Тоже задумываюсь о платных курсах, но только после бесплатных =)
Это видео моя шпаргалка навсегда, очень понятно все объясняешь, все очень подробно и примеры понятные и крутые, теперь это будет мой любимый канал на ютуб) лайк)
В голове не то что каша, но пока смотрел до конца уже забыл что такое "overflow: auto;" cтал перематывать) но все прям оочень круто
Одно из лучших видео из тех, что я просмотрела по теме позициониррвание CSS. Очень доступно объясняете. Спасибо.
Недавно начал изучать HTML и CSS, и это лучшие уроки из всех, что я смотрел. Огромное спасибо тебе за них! С меня подписка и лайк по умолчанию =)
спасибо за ваши уроки, нет воды, все по делу! все отлично просто
Госпаде, 2 дня не мог решить проблему с позиционированием. Пересмотрел ваше видео два раза и нашёл ответ. Спасибо!
Хочу поблагодарить за урок!!! Лучшее, что я видела, отличное объяснение с примерами! Только начала изучать вёрстку и было много не понимая, но благодаря Вам нашла ответы на вопросы)
Чувак, очень клево объясняет материал: четко, детально, в хорошем темпе и хорошей дикцией. И самое главное без идиотского юмора и дебильных визуальных вставок, которыми пестрят большинство низкосортных учебных видосов. Люблю качественный ресурс. Респект, подписался!
Мужик ты хищник.Очень трудно удается находить качественный контент из-за всякого мусора,которого очень много в ютубе.Также хочу отметить,что у тебя очень хорошая дикция и это не позволяет заскучать при просмотре твоих видеоуроков.Продолжай в том же духе.
Лучшего объяснения по позиционированию не встречал.Спасибо,все стало ясно и просто!
Артём, спасибо тебе большое за урок. Только после него начал понимать, как работает позиционирование.
наконец-то я нашел то что мне нужно. Очень хорошо объясняешь, все быстро понятно. Затрагиваешь все мелочи. Удачи в развитие канала
Так классно про свойство position рассказал. Прям препод от Бога!!!
Ты лучший и нет никакой каши любой дурак поймет ибо тут все разжевано) спасибо))
Очень полезное видео! Спасибо!!! Ты отличный учитель, очень приятно слушать тебя и узнавать то, что действительно важно. Низкий поклон тебе 🤗
Рекомендую именно этого автора без воды очень понятно Мало таких хороших авторов как ты я доволен спасибо тебе огромное за твой труд
Объяснения просты и понятны,без воды,все по теме.Лайк и подписка конечно же.Спасибо за видео!
в одном видео нашел ответы на разные каверзные вопросы. Спасибо!
Превосходно объясняешь! Все очень понятно. У такого преподавателя с удовольствием учился бы за деньги.
Приходи на наш курс веб-старт, сможешь учиться у меня.
vk.me/glo_academy
Самая сложная тема для меня позиционирование и отступы элементов, спасибо что объяснил, буду смотреть 100 раз пока в голову не войдёт все это
А лучше не просто смотреть - а делать)
Тоже хотел сказать, лучше применять на практике, тогда намного быстрее запоминается.
@@simplewebdev1098 а лучше потом пытаться про себя пересказать все темы или объяснить другому как это работает
@@AkkayHT228 да, обычно коту объясняют. Звучит как прикол, но это работает.
Аминь!
Снимаю перед вами шляпу) Сегодня только на вас наткнулся. Здорово всё. Если и дальше видео будут в таком формате, куплю доп инфу)
Спасибо за труд братишка. Всё просто и понятно. Только 2 нюанса: 1) так и не объяснил про vh, em, rem в начале видео, 2) hidden произносится также, как и читается.
П.с. Позиционирование это для меня как заноза в задницк и это видео расставило хоть и не все, но почти половину точек над и :)
Отличный мастер-класс! Очень информативно, познавательно и доходчиво..
Это лучшее что я слушал на ютубе
Спасибо за объяснение. Это лучше из всех пересмотренных мною.
Согласен)
Досмотрел до половины и этот видос уже летит в мою папку шедевров
Артем Гирман ученик вышей школы пропустил ваш урок! Это недопустимо! Требую отчисление этого неуча!
Отступы у инлайновых блоков это не баг. Дело в том что блочные инлайновые элементы также имеют свойство по типу строчных слов, по аналогии, слово=inline-block. А между словами как всем известно есть пробел, или тот самый отступ который мы видим у этих блоков.
KoTэ неразрывный пробел
а теперь дайте для боди letter-spacing: 10px; и посмотрим как вам поможет отрицательный марджин
Лучшие уроки я не встречала !!!!
Дай тебе Бог здоровья!!!
Спасибо!
Очень хорошая подача материала!!!
Дякую, position: була для мене сама важка тема, особливо в побудуванні меню бургер!
padding со всех сторон задается сверху по часовой стрелке padding: верх, право, низ, лево. Так легко запомнить короткую формулу.
Центрировать элемент можно и так: задать блоку нужную ширину , а margin-left и margin-right установить в auto;
Super!
спасибо очень круто )) (особенно когда закипает голова сразу себя вспомнил )
Дуже файно та зрозуміло дякую!!!
*privet brat za polchesa uznal bolshe chem pol goda spasiba* 😊😊
Ценная понятная информация, спасибо !
thank you, a lot of everything is explained, visually and interestingly.
Артём молодец... Думаю про одно позиционирование забыл... Это margin: 0 auto;
Если блок меньше к примеру родителя, то часто его используют.
Ещё раз, подача на высоте....
Благодарю за знания! Очень доступно!
absolute позиционируется относительно ближайшего предка с position absolute или relative. Так что не обязательно, чтобы у родителя был relative, для позиционирования absolute элемента относительно родителя.
Спасибо, много полезной информации.
Очень хорошо объясняешь, обязательно куплю твой курс!
Красава, всё объяснил по полкам!!! 🤝Спасибо!
Моё почтение.. клево объясняешь
Спасибо, так всё четко!!! Ура.
мужик ты мне очень помог.....
я только учусь, всю голову сломал с проектом. не мог разобраться почему у меня див не поднимается в шапке. посмотрел и понял. то что позиционирование у родителя и дочерки могут быть разные. спасибо о боги. я 2 дня мучал этот гребаный див
Спасибо, отличный урок, вдумчивый и подробный.
Хорошая подача материала. Спасибо!
Спасибо за урок!
Пожалуй второй автор после Евгения Попова у которого есть талант обьяснять для новичков.
Anonymous Legion, он же Александр Пауков)
Классный урок, огромное спасибо
Если у .mini-box (31 минута) поставить relative а у родителя position явно не задавать, то .mini-box будет позиционироваться относительно родителя
Просто супер! Спасибо огромнейшее, Артем!) Скажи, приобрести запись данного курса, с домашками , примерами и дипломной работой, все еще актуально?
просто пишу коментарии чтобы раскрутить твой канал каждый нуждается в поддержке
Очень понятный урок, спасибо большое автору
спасибо бро
Спасибо за объяснение
Да, есть выход поставить блочно-строчным элементам отрицательный маргин. Но если шрифт больше, чем по умолчанию, то его нужно подгонять. Можно родителю указать нулевой размер шрифта и выставлять нужный у детей
Очень доступно и понятно!! Спс.
Я смотрю и сразу делаю,
что то получается
Я вообще остановился на этом float и как создать менюшку в aside. Забросил все, а сейчас уже хочу начать изучать
Такая же фигня. ))
Неплохой урок, спасибо вам!
Спасибо, все топ, так понятно объясняешь!
хорошо объясняешь
Потрясающе доходчиво!! Великолепная подача материала!!!
Спасибо,очень четко!Молодец
Спасибо сан сей, покупаю курс !)
30:30 - position: relative | absolute
Отступ между inline-block это не баг, а обычное поведение строчных элементов, в которых учитывается один пробел
Если уже есть некий опыт ,то можешь скипнуть первые 15 минут.
Круто! Спасибо!
Благодарю)
У меня проблемы при выравнивании блочных элментов с помощью inline block. Н: выравниваю основных блоков потом при добавление новых элементов внутри этого блока все блоки уходят куда то вниз вверх
у меня почему-то display никак не хочет работать, когда пишу оно даже не подсвечивает его как команду а как обычный текст, в чем проблема?
пропустил точку с запятой, увидел
Не ожидал встретить НАСТОЛЬКО крутой курс на русском языке!
Спасибо
Как мне сделать, допустим у меня есть: хедер ширина 80%, 3 блока, которые расположены в ряд по горизонтали снизу хедера, 1 блок 15%, 2й 40%, 3й 25%, и еще ниже футер ширина тоже 80%. Мне нужно все эти блоки расположить по центру страницы.
Хедер и футер получается сделать, а этих 3 блока нет. В чем может быть проблема? Если прописать даже margin: 0 auto в * {, то центрирует только хедер и футер, а блоки остаются прижатыми к левому краю страницы...
Можно просто написать точку потом нажать TAB!
27:10
А не проще было бы задать параметры
width: 50%;
left: 25%;
?
Единственное наверное что мне лично было полезно узнать это про суммирование размеров параметров и про то что есть такая штука как margin
дякую
Можно занулить шрифт, чтобы не было пробела ещё
14:41 у меня не работает сразу все бордеры,у меня работает только первый!
Топ!)
Толково
Друг помоги, обыскал весь интернет так и не узнал, вопрос совершенно не стандартный, но интересный, у меня есть объект div при наведении на него (&:hover), я на этом объекте создаю псевдоэлемент (before), но мне нужен еще один объект рядом, и я его создаю с помощью псевдоэлемента (after), и так я имею два псевдоэлемента, вопрос: могу ли я из одного псевдоэлемента сделать ячейку ввода типа (input), вот мой код:
.barberry
display: block
height: 152px
width: 147px
background: url('../img/berry/barberry.png') center center / cover no-repeat
z-index: 2
border: 1px solid #023100
&:hover
&:before
content: ''
display: block
height: 190px
width: 160px
background: url('../img/controls/frame.png') center center / cover no-repeat
z-index: 2
transition: 1s all
&:after
content: ''
display: block
position: relative
margin: -30px 0 0 80px
border: 1px solid #023100
height: 20px
width: 40px
background: #ffffff
border-radius: 15%
z-index: 3
вот здесь бы из этого блока как то сделать input
Мне нравиться что он на ты говорит прям прикольно)
как так, ты только написал новый код CSS и у тебя уже обновились значения в браузере?
overflow: hidden - читается [hɪdn] никак не хайден.
👍
14:15
Отмечаю, где я остановился*
при объяснении z-index я бы использовал понятия "над", "под" (про колоду карт норм аналогия), имхо более понятно чем оси x,y,z
еще как ты догадался есть margin-right тогда будет отступ слева, и еще margin left тогда отступ будет слева, мне кажетьяс что он понял что сморозил дичь но смолчал)) А так то ролик топ.
НИФИГА НЕ ПОНЯТНО НО ОЧЕНЬ ИНТЕРЕСНО
Можно ссылку на видео инспектора элементов. 7:20
Hancock, F12 в браузере
Ай эм голаб голаб голаб голаб швабл габл габл габл габл габл вайт, ай венс ис гастинг айтс би хайнз итс шик ту ревел ай сон вайс