Из всех прослушанных мной курсов, ваш - самый лучший! Вся информация расставлена по полочкам, четко структурирована, без воды и с множеством примеров. К тому же, бесплатна! Спасибо огромное 🖤
Чувак, очень клево объясняет материал: четко, детально, в хорошем темпе и хорошей дикцией. И самое главное без идиотского юмора и дебильных визуальных вставок, которыми пестрят большинство низкосортных учебных видосов. Люблю качественный ресурс. Респект, подписался!
Мужик ты хищник.Очень трудно удается находить качественный контент из-за всякого мусора,которого очень много в ютубе.Также хочу отметить,что у тебя очень хорошая дикция и это не позволяет заскучать при просмотре твоих видеоуроков.Продолжай в том же духе.
Хочу поблагодарить за урок!!! Лучшее, что я видела, отличное объяснение с примерами! Только начала изучать вёрстку и было много не понимая, но благодаря Вам нашла ответы на вопросы)
Это видео моя шпаргалка навсегда, очень понятно все объясняешь, все очень подробно и примеры понятные и крутые, теперь это будет мой любимый канал на ютуб) лайк) В голове не то что каша, но пока смотрел до конца уже забыл что такое "overflow: auto;" cтал перематывать) но все прям оочень круто
Спасибо за труд братишка. Всё просто и понятно. Только 2 нюанса: 1) так и не объяснил про vh, em, rem в начале видео, 2) hidden произносится также, как и читается. П.с. Позиционирование это для меня как заноза в задницк и это видео расставило хоть и не все, но почти половину точек над и :)
Артём молодец... Думаю про одно позиционирование забыл... Это margin: 0 auto; Если блок меньше к примеру родителя, то часто его используют. Ещё раз, подача на высоте....
Отступы у инлайновых блоков это не баг. Дело в том что блочные инлайновые элементы также имеют свойство по типу строчных слов, по аналогии, слово=inline-block. А между словами как всем известно есть пробел, или тот самый отступ который мы видим у этих блоков.
мужик ты мне очень помог..... я только учусь, всю голову сломал с проектом. не мог разобраться почему у меня див не поднимается в шапке. посмотрел и понял. то что позиционирование у родителя и дочерки могут быть разные. спасибо о боги. я 2 дня мучал этот гребаный див
absolute позиционируется относительно ближайшего предка с position absolute или relative. Так что не обязательно, чтобы у родителя был relative, для позиционирования absolute элемента относительно родителя.
Да, есть выход поставить блочно-строчным элементам отрицательный маргин. Но если шрифт больше, чем по умолчанию, то его нужно подгонять. Можно родителю указать нулевой размер шрифта и выставлять нужный у детей
У меня проблемы при выравнивании блочных элментов с помощью inline block. Н: выравниваю основных блоков потом при добавление новых элементов внутри этого блока все блоки уходят куда то вниз вверх
у меня почему-то display никак не хочет работать, когда пишу оно даже не подсвечивает его как команду а как обычный текст, в чем проблема? пропустил точку с запятой, увидел
27:10 А не проще было бы задать параметры width: 50%; left: 25%; ? Единственное наверное что мне лично было полезно узнать это про суммирование размеров параметров и про то что есть такая штука как margin
Как мне сделать, допустим у меня есть: хедер ширина 80%, 3 блока, которые расположены в ряд по горизонтали снизу хедера, 1 блок 15%, 2й 40%, 3й 25%, и еще ниже футер ширина тоже 80%. Мне нужно все эти блоки расположить по центру страницы. Хедер и футер получается сделать, а этих 3 блока нет. В чем может быть проблема? Если прописать даже margin: 0 auto в * {, то центрирует только хедер и футер, а блоки остаются прижатыми к левому краю страницы...
Друг помоги, обыскал весь интернет так и не узнал, вопрос совершенно не стандартный, но интересный, у меня есть объект 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
Добрый день, Артём! Спасибо вам за ролик. Я хотел бы вас попросить рассказать об одной фишке на сайтах. Легче показать, чем объяснить: сайт mybook.ru там сразу на первой странице под разделом Новинки и популярные книги, справа и слева от самих книг расположены стрелочки для того, чтобы листать(вправо/ влево). Как можно сделать подобные? Также анимировать(или как-то ещё)? И чтоб если в одну сторону дальше не листается( конец списка), стрелочка пропадала.
Гениально чувак! Отличная дикция, отсутствие воды, быстрая и не затянутая речь, хороший микрофон.
Дикция и голос от бога!
Из всех прослушанных мной курсов, ваш - самый лучший! Вся информация расставлена по полочкам, четко структурирована, без воды и с множеством примеров. К тому же, бесплатна! Спасибо огромное 🖤
Одно из лучших видео из тех, что я просмотрела по теме позициониррвание CSS. Очень доступно объясняете. Спасибо.
Госпаде, 2 дня не мог решить проблему с позиционированием. Пересмотрел ваше видео два раза и нашёл ответ. Спасибо!
дружище,всё устаканил,огромный респект за вклад в развитие человечества!!
Чувак, очень клево объясняет материал: четко, детально, в хорошем темпе и хорошей дикцией. И самое главное без идиотского юмора и дебильных визуальных вставок, которыми пестрят большинство низкосортных учебных видосов. Люблю качественный ресурс. Респект, подписался!
Мужик ты хищник.Очень трудно удается находить качественный контент из-за всякого мусора,которого очень много в ютубе.Также хочу отметить,что у тебя очень хорошая дикция и это не позволяет заскучать при просмотре твоих видеоуроков.Продолжай в том же духе.
спасибо за ваши уроки, нет воды, все по делу! все отлично просто
Реально чёткая дикция, всё понятно и доходчиво, и как говорят :'без воды '.! Тоже задумываюсь о платных курсах, но только после бесплатных =)
Недавно начал изучать HTML и CSS, и это лучшие уроки из всех, что я смотрел. Огромное спасибо тебе за них! С меня подписка и лайк по умолчанию =)
Артем Гирман ученик вышей школы пропустил ваш урок! Это недопустимо! Требую отчисление этого неуча!
Хочу поблагодарить за урок!!! Лучшее, что я видела, отличное объяснение с примерами! Только начала изучать вёрстку и было много не понимая, но благодаря Вам нашла ответы на вопросы)
Это видео моя шпаргалка навсегда, очень понятно все объясняешь, все очень подробно и примеры понятные и крутые, теперь это будет мой любимый канал на ютуб) лайк)
В голове не то что каша, но пока смотрел до конца уже забыл что такое "overflow: auto;" cтал перематывать) но все прям оочень круто
Лучшего объяснения по позиционированию не встречал.Спасибо,все стало ясно и просто!
наконец-то я нашел то что мне нужно. Очень хорошо объясняешь, все быстро понятно. Затрагиваешь все мелочи. Удачи в развитие канала
Артём, спасибо тебе большое за урок. Только после него начал понимать, как работает позиционирование.
Очень полезное видео! Спасибо!!! Ты отличный учитель, очень приятно слушать тебя и узнавать то, что действительно важно. Низкий поклон тебе 🤗
Рекомендую именно этого автора без воды очень понятно Мало таких хороших авторов как ты я доволен спасибо тебе огромное за твой труд
Снимаю перед вами шляпу) Сегодня только на вас наткнулся. Здорово всё. Если и дальше видео будут в таком формате, куплю доп инфу)
Так классно про свойство position рассказал. Прям препод от Бога!!!
Это лучшее что я слушал на ютубе
в одном видео нашел ответы на разные каверзные вопросы. Спасибо!
Ты лучший и нет никакой каши любой дурак поймет ибо тут все разжевано) спасибо))
Спасибо за труд братишка. Всё просто и понятно. Только 2 нюанса: 1) так и не объяснил про vh, em, rem в начале видео, 2) hidden произносится также, как и читается.
П.с. Позиционирование это для меня как заноза в задницк и это видео расставило хоть и не все, но почти половину точек над и :)
Самая сложная тема для меня позиционирование и отступы элементов, спасибо что объяснил, буду смотреть 100 раз пока в голову не войдёт все это
А лучше не просто смотреть - а делать)
Тоже хотел сказать, лучше применять на практике, тогда намного быстрее запоминается.
@@simplewebdev1098 а лучше потом пытаться про себя пересказать все темы или объяснить другому как это работает
@@AkkayHT228 да, обычно коту объясняют. Звучит как прикол, но это работает.
Аминь!
Лучшие уроки я не встречала !!!!
Отличный мастер-класс! Очень информативно, познавательно и доходчиво..
Артём молодец... Думаю про одно позиционирование забыл... Это margin: 0 auto;
Если блок меньше к примеру родителя, то часто его используют.
Ещё раз, подача на высоте....
Превосходно объясняешь! Все очень понятно. У такого преподавателя с удовольствием учился бы за деньги.
Приходи на наш курс веб-старт, сможешь учиться у меня.
vk.me/glo_academy
Объяснения просты и понятны,без воды,все по теме.Лайк и подписка конечно же.Спасибо за видео!
Отступы у инлайновых блоков это не баг. Дело в том что блочные инлайновые элементы также имеют свойство по типу строчных слов, по аналогии, слово=inline-block. А между словами как всем известно есть пробел, или тот самый отступ который мы видим у этих блоков.
KoTэ неразрывный пробел
а теперь дайте для боди letter-spacing: 10px; и посмотрим как вам поможет отрицательный марджин
Спасибо!
Очень хорошая подача материала!!!
Спасибо за объяснение. Это лучше из всех пересмотренных мною.
Согласен)
мужик ты мне очень помог.....
я только учусь, всю голову сломал с проектом. не мог разобраться почему у меня див не поднимается в шапке. посмотрел и понял. то что позиционирование у родителя и дочерки могут быть разные. спасибо о боги. я 2 дня мучал этот гребаный див
Досмотрел до половины и этот видос уже летит в мою папку шедевров
спасибо очень круто )) (особенно когда закипает голова сразу себя вспомнил )
Дуже файно та зрозуміло дякую!!!
Дай тебе Бог здоровья!!!
Ценная понятная информация, спасибо !
*privet brat za polchesa uznal bolshe chem pol goda spasiba* 😊😊
padding со всех сторон задается сверху по часовой стрелке padding: верх, право, низ, лево. Так легко запомнить короткую формулу.
Хорошая подача материала. Спасибо!
Дякую, position: була для мене сама важка тема, особливо в побудуванні меню бургер!
thank you, a lot of everything is explained, visually and interestingly.
Красава, всё объяснил по полкам!!! 🤝Спасибо!
Спасибо, так всё четко!!! Ура.
Моё почтение.. клево объясняешь
Благодарю за знания! Очень доступно!
Спасибо, много полезной информации.
Центрировать элемент можно и так: задать блоку нужную ширину , а margin-left и margin-right установить в auto;
Super!
Просто супер! Спасибо огромнейшее, Артем!) Скажи, приобрести запись данного курса, с домашками , примерами и дипломной работой, все еще актуально?
Спасибо, отличный урок, вдумчивый и подробный.
Классный урок, огромное спасибо
Пожалуй второй автор после Евгения Попова у которого есть талант обьяснять для новичков.
Anonymous Legion, он же Александр Пауков)
Очень хорошо объясняешь, обязательно куплю твой курс!
Спасибо за урок!
просто пишу коментарии чтобы раскрутить твой канал каждый нуждается в поддержке
absolute позиционируется относительно ближайшего предка с position absolute или relative. Так что не обязательно, чтобы у родителя был relative, для позиционирования absolute элемента относительно родителя.
Да, есть выход поставить блочно-строчным элементам отрицательный маргин. Но если шрифт больше, чем по умолчанию, то его нужно подгонять. Можно родителю указать нулевой размер шрифта и выставлять нужный у детей
Спасибо, все топ, так понятно объясняешь!
Очень доступно и понятно!! Спс.
Потрясающе доходчиво!! Великолепная подача материала!!!
Спасибо,очень четко!Молодец
Спасибо за объяснение
Спасибо сан сей, покупаю курс !)
Круто! Спасибо!
спасибо бро
Если у .mini-box (31 минута) поставить relative а у родителя position явно не задавать, то .mini-box будет позиционироваться относительно родителя
30:30 - position: relative | absolute
Я смотрю и сразу делаю,
что то получается
хорошо объясняешь
Отступ между inline-block это не баг, а обычное поведение строчных элементов, в которых учитывается один пробел
Я вообще остановился на этом float и как создать менюшку в aside. Забросил все, а сейчас уже хочу начать изучать
Такая же фигня. ))
Неплохой урок, спасибо вам!
Очень понятный урок, спасибо большое автору
Благодарю)
Топ!)
Не ожидал встретить НАСТОЛЬКО крутой курс на русском языке!
У меня проблемы при выравнивании блочных элментов с помощью inline block. Н: выравниваю основных блоков потом при добавление новых элементов внутри этого блока все блоки уходят куда то вниз вверх
Если уже есть некий опыт ,то можешь скипнуть первые 15 минут.
у меня почему-то display никак не хочет работать, когда пишу оно даже не подсвечивает его как команду а как обычный текст, в чем проблема?
пропустил точку с запятой, увидел
27:10
А не проще было бы задать параметры
width: 50%;
left: 25%;
?
Единственное наверное что мне лично было полезно узнать это про суммирование размеров параметров и про то что есть такая штука как margin
14:41 у меня не работает сразу все бордеры,у меня работает только первый!
Как мне сделать, допустим у меня есть: хедер ширина 80%, 3 блока, которые расположены в ряд по горизонтали снизу хедера, 1 блок 15%, 2й 40%, 3й 25%, и еще ниже футер ширина тоже 80%. Мне нужно все эти блоки расположить по центру страницы.
Хедер и футер получается сделать, а этих 3 блока нет. В чем может быть проблема? Если прописать даже margin: 0 auto в * {, то центрирует только хедер и футер, а блоки остаются прижатыми к левому краю страницы...
Спасибо
Можно занулить шрифт, чтобы не было пробела ещё
дякую
Можно просто написать точку потом нажать TAB!
👍
как так, ты только написал новый код CSS и у тебя уже обновились значения в браузере?
Друг помоги, обыскал весь интернет так и не узнал, вопрос совершенно не стандартный, но интересный, у меня есть объект 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
Мне нравиться что он на ты говорит прям прикольно)
Можно ссылку на видео инспектора элементов. 7:20
Hancock, F12 в браузере
Толково
при объяснении z-index я бы использовал понятия "над", "под" (про колоду карт норм аналогия), имхо более понятно чем оси x,y,z
Добрый день, Артём! Спасибо вам за ролик. Я хотел бы вас попросить рассказать об одной фишке на сайтах. Легче показать, чем объяснить: сайт mybook.ru там сразу на первой странице под разделом Новинки и популярные книги, справа и слева от самих книг расположены стрелочки для того, чтобы листать(вправо/ влево). Как можно сделать подобные? Также анимировать(или как-то ещё)? И чтоб если в одну сторону дальше не листается( конец списка), стрелочка пропадала.
это все JS, а если правильно то JavaScript
Это слайдером называют.
KS Tishko, это называется «карусель». Слайдер - немного другое
14:15
Отмечаю, где я остановился*
overflow: hidden - читается [hɪdn] никак не хайден.
Шёл 3 день, я дошёл до 31:20 минуты
Цена, также актуальна 2020г.?
Да