Привет всем! Я сделал тамйкоды, кому надо. Если не сложно, Автор, закрепи этот комент) 1. Свойство display - 0:31 2. Key frames - 1:53 3. Position - 2:40 4. Как бы вы реализовали кастомный чек бокс? - 5:25 5. Как от центровать блок по горизонтали и вертикали? - 6:17 6. Что делает box-sizing: border-box? - 6:38 7. Как обрабатывает WEB страницу браузер? - 7:24 8. Что такое inline стили? и их приоритет - 7:46 9. Чем отличается border от outline? - 8:14 10. Адаптивная верстка их ей методы - 9:02 11. Что такое БЭМ? - 9:18 12. Как при нажатии на ссылку открывать окно в новом окне? - 9:42 13. В чем различие между строчными и блочными элементами? - 9:58 14. Разница между marginи padding? - 10:14 15. Что такое семантические элементы и для чего они нужны? - 10:22 16. Свойство overflow, что делает и когда использовать? - 10:39 17. vh vw при указывании размеров - 11:06 18. Как визуально изменить курсор? - 11:27 19. Как изменить направление оси Flexbox контейнера? - 11:48 20. Из чего строится размер элемента? - 12:03 21. За что отвечает z-index? - 12:13 22. Какие виды input бывают? - 12:52 23. За что отвечает justify-content и align-tiems у flexbox контейнера? - 12:59 24. Как убрать маркер у списка? - 13:40 25. Что вы знаете о приоритете селекторов? - 13:56 26. Что такое псевдоклассы? - 14:13 27. Какие бывают значение у background-size? - 14:39 28. Какие псевдоэлементы вы знаете? - 15:19 29. Flexbox свойство, отвечающее за перенос элементов на новую строку при переполнении - 16:00 30. !important для чего используется? - 16:30 31. Разница между - 16:37 32. Как увеличить в размере при наведении элемент, не сдвигая соседние - 17:39 33. Кратко о медиа запросах под мобильные приложения - 18:23 34. Какое свойство используется для перевода текста в заглавные или строчные буквы? - 19:00 35. Для чего рекомендуется использовать атрибуты data? - 19:20 36. Как стилизовать input для загрузки файлов? - 20:12 37. Что такое селектор атрибутов? - 20:51 38. Как изменить стили для кнопок с атрибутом disable? - 21:12 39. Как изменить стили для элемента span, который следует прямо за элементом input? - 21:31 40. С помощью какого селектора можно добавить стиль на каждый элемент на странице? - 21:55 41. Какое свойство позволяет вам спрятать элемент, но сохранить занимаемое им пространство на странице? - 22:13 42. Как сделать тень падающую от блока? - 22:51 43. Как сделать тень падающую от текста? - 23:24 44. Как повернуть блок на 45 градусов? - 23:44 45. Как сделать вращения по осям Х и Y заметными? - 24:14 46. Как сделать анимацию бесконечно повторяющейся? - 24:58 47. Для чего используются препроцессоры? - 25:06 48. Что такое миксины в препроцессорах? - 25:24 49. Что такое bootstrap? - 25:37
Это очень легко объяснить. Подобная справочная экспресс информация очень здорово дополняет нудные курсы. Курсы закладывают в вашей голове некую орбиту нейронов, реагирующих на данную информацию, после чего быстрое повторение закрепляет его. Например, если бы вы посмотрели эту информацию впервые, то сразу по окончанию просмотра вряд ли бы вспомнили и половину, а по прошествии суток в голове с трудом останется 15-20% информации.
8:11 - Если мы пропишем в стилях !important, то это будет иметь приоритет даже выше чем инлайновые стили, так что наивысший приоритет все-таки - !important
Если углубляться еще дальше, то свойство display отвечает за 2 вещи: 1) Внешний тип отображение - какой бокс будет отрисован в нормальном потоке документа. Всего тут есть два варианта: блочный (block, table, flex, grid и т.д.), либо строчный (inline-block, inline-table, inline-flex, inline-grid и т.д.). Либо не отрисован вовсе (contents, none) 2) Внутренний контекст элемента - раскладка для дочерних элементов. Изначально она у всех flow - нормальный поток. И соответственно у table - табличный макет, у flex - гибкий макет, у grid - сеточный и т.д. Это если вкратце.
24:57 по моему свойство animation-duration определяет продолжительность анимации в секундах (s) и миллисекундах (ms), а как раз свойство animation-iteration-count определяет количество повторов анимации и соответственно указав значение infinite можно сделать анимацию бесконечной
Офигенный канал, как я только раньше его не встречал. Конечно, чтобы как следует въехать в материал, надо как следует получить основы, но контент дико информативный!
Кратко, ёмко, без воды! Здесь следуют хвалебные эпитеты автору и каналу в большом - большом количестве. И благодарности, конечно же: спасибо за проделанную работу!
чел ты про100 гений я зашел на этот урок и первый же вопрос который ты задал попался моей подруге на собесе!! мои эмоции в этот момент: "ОООО туда нам надо" :D
Идея для ролика, самые часто используемые теги в CSS/HTML, ошибки новичков, какие новшества в HTML5/CSS3, как делали раньше и как делают сейчас. Спасибо за видео, формат отличный для тех, кто вечно учит и постоянно бросает, потому, что скучно или негде применить знания.
смотрел видео пол года назад когда проходил курс вёрстки и все казалось таки тяжелым, смотрю сегодня и понимаю что это просто элементарные вопросы))) Спасибо за видео!
Чувак, ты крут, я за 5 минут видео нашёл ответы на свои вопросы и понял как это работает по фактк, от души! А искал ответы и смотрел ролики по 15-20 минут и ничего понять не мог. Очень доступно и понятно всё объясняешь
Видео класс! Ещё хотелось бы добавить, что в блочные элементы можно вкладывать и блочные и строчные. А в строчные вкладываются только строчные. И ещё, блочным элементам можно задать width & height, а строчным можно задавать только паддинги. Вооот, кажется не ошибся. Автору ещё раз спасибо за классное видео!
padding - внутренние, margin - внешние Это вы нас проверяли ? Вы классно учите. Я сегодня проходу собеседование. Спасибо Вам за уроки ! Очень интересно =)
Божеее это просто невероятное видео, как же все максимально доступно и просто ты объяснил. Мало того что ответы на вопросы так еще и на практике все показал. Давно искал такое видео, спасибо тебе огромное!
Привет всем! Я сделал тамйкоды, кому надо. Если не сложно, Автор, закрепи этот комент)
1. Свойство display - 0:31
2. Key frames - 1:53
3. Position - 2:40
4. Как бы вы реализовали кастомный чек бокс? - 5:25
5. Как от центровать блок по горизонтали и вертикали? - 6:17
6. Что делает box-sizing: border-box? - 6:38
7. Как обрабатывает WEB страницу браузер? - 7:24
8. Что такое inline стили? и их приоритет - 7:46
9. Чем отличается border от outline? - 8:14
10. Адаптивная верстка их ей методы - 9:02
11. Что такое БЭМ? - 9:18
12. Как при нажатии на ссылку открывать окно в новом окне? - 9:42
13. В чем различие между строчными и блочными элементами? - 9:58
14. Разница между marginи padding? - 10:14
15. Что такое семантические элементы и для чего они нужны? - 10:22
16. Свойство overflow, что делает и когда использовать? - 10:39
17. vh vw при указывании размеров - 11:06
18. Как визуально изменить курсор? - 11:27
19. Как изменить направление оси Flexbox контейнера? - 11:48
20. Из чего строится размер элемента? - 12:03
21. За что отвечает z-index? - 12:13
22. Какие виды input бывают? - 12:52
23. За что отвечает justify-content и align-tiems у flexbox контейнера? - 12:59
24. Как убрать маркер у списка? - 13:40
25. Что вы знаете о приоритете селекторов? - 13:56
26. Что такое псевдоклассы? - 14:13
27. Какие бывают значение у background-size? - 14:39
28. Какие псевдоэлементы вы знаете? - 15:19
29. Flexbox свойство, отвечающее за перенос элементов на новую строку при переполнении - 16:00
30. !important для чего используется? - 16:30
31. Разница между - 16:37
32. Как увеличить в размере при наведении элемент, не сдвигая соседние - 17:39
33. Кратко о медиа запросах под мобильные приложения - 18:23
34. Какое свойство используется для перевода текста в заглавные или строчные буквы? - 19:00
35. Для чего рекомендуется использовать атрибуты data? - 19:20
36. Как стилизовать input для загрузки файлов? - 20:12
37. Что такое селектор атрибутов? - 20:51
38. Как изменить стили для кнопок с атрибутом disable? - 21:12
39. Как изменить стили для элемента span, который следует прямо за элементом input? - 21:31
40. С помощью какого селектора можно добавить стиль на каждый элемент на странице? - 21:55
41. Какое свойство позволяет вам спрятать элемент, но сохранить занимаемое им пространство на странице? - 22:13
42. Как сделать тень падающую от блока? - 22:51
43. Как сделать тень падающую от текста? - 23:24
44. Как повернуть блок на 45 градусов? - 23:44
45. Как сделать вращения по осям Х и Y заметными? - 24:14
46. Как сделать анимацию бесконечно повторяющейся? - 24:58
47. Для чего используются препроцессоры? - 25:06
48. Что такое миксины в препроцессорах? - 25:24
49. Что такое bootstrap? - 25:37
Респект и уважуха!)))
Спасибо большое
СПАСИБО БРАТАН!
ХОРОШЕГО КОДА ТЕБЕ!
Дорогой, коллега!
Спасибо за проделанную работу. Весьма полезно!
Спасибо. Круто.
14. Наоборот: padding - внутренние, margin - внешние.
А в остальном nice
Внимательный!!) Спасибо за поправку, оговорился!)
полез проверять комменты чтобы не повторяться(и проверить что я не ошибся)
@@UlbiTV так уверенно сказал: "ну здесь все просто" ахаха
Я тоже на этом моменте щалим и остановился думаю, что 😮 но думаю тут все поняли что просто оговорился автор там
@@UlbiTV Забайтил на комменты в лучших традициях ютуба)
Css и HTML огонь) еще бы пару тройку таких видосов!
Всё коротко и по сути, как всегда. Восторг!
Кстати, может кто-нибудь объяснить, почему 50 вопросов на 26 мин оказались полезней некоторых курсов по CSS? :)))
Азхахахах))
Кстати Да )))
потому что есть сравнение свойств. а в туториалах сравнения свойств нет, поэтому трудно понять, как они работают, если сам не сравниваешь
Однозначно, полностью согласен! Краткий, ёмкий ликбез, спасибо!
Это очень легко объяснить. Подобная справочная экспресс информация очень здорово дополняет нудные курсы. Курсы закладывают в вашей голове некую орбиту нейронов, реагирующих на данную информацию, после чего быстрое повторение закрепляет его. Например, если бы вы посмотрели эту информацию впервые, то сразу по окончанию просмотра вряд ли бы вспомнили и половину, а по прошествии суток в голове с трудом останется 15-20% информации.
Топовый контент, реально не каждый курс по css столько информации содержит 🤝. Спасибо.
Спасибо большое! 50 вопросов на 26 мин оказались полезней некоторых курсов по CSS!
Полностью согласен, у курсах на ютубе очень много воды
я как будто курс по CSS прошел. Боже мой столько нового, аж конспектировал все подряд. очень просто и понятно объяснил гуманитарию))))
хорош, спасибо) Про perspective было неожиданным открытием)
8:11 - Если мы пропишем в стилях !important, то это будет иметь приоритет даже выше чем инлайновые стили, так что наивысший приоритет все-таки - !important
Important вообще лучше не использовать
А если прописать !important в инлайн стили?) А?) Так что инлайн по своему существу самый приоритетный
Супер! Узнала несколько совершенно новых моментов, например: perspective вместе с rotateX(), rotateY()
Аналогично с некоторыми :) Редко ставлю коменты, НО тут за проделанную работу, ПОНЯТНО всё и доступно, и очень полезно, спасибо.
Спасибо! оч благодарен за поддержку!
Доброе время суток. Очень полезный ролик. Спасибо. Не раз буду обращаться к этому ролику.
Если углубляться еще дальше, то свойство display отвечает за 2 вещи:
1) Внешний тип отображение - какой бокс будет отрисован в нормальном потоке документа. Всего тут есть два варианта: блочный (block, table, flex, grid и т.д.), либо строчный (inline-block, inline-table, inline-flex, inline-grid и т.д.). Либо не отрисован вовсе (contents, none)
2) Внутренний контекст элемента - раскладка для дочерних элементов. Изначально она у всех flow - нормальный поток. И соответственно у table - табличный макет, у flex - гибкий макет, у grid - сеточный и т.д.
Это если вкратце.
Очень полезные замечания!) Спасибо друг!
Прекрасная напоминаловка для прохождения интервью!
Супер, подборка просто самая базовая база. Постоянно что-то забывается, буду раз в месяц хотя бы смотреть этот видосик. Спасибо, мужик)
Спасибо! Есть еще одно похожее видео на канале в плейлисте «собеседования»!)
24:57 по моему свойство animation-duration определяет продолжительность анимации в секундах (s) и миллисекундах (ms), а как раз свойство animation-iteration-count определяет количество повторов анимации и соответственно указав значение infinite можно сделать анимацию бесконечной
Да все равно все краткой записью пишут), и да ты прав.
потрясающе освежает знания перед собеседованием, спасибо!
очень круто и легко передаешь информацию )спасибо тебе !как будто с другом за чашкой кофе обсуждаем область )
Мое уважение, очень быстро и толково.
Офигенный канал, как я только раньше его не встречал. Конечно, чтобы как следует въехать в материал, надо как следует получить основы, но контент дико информативный!
Спасибо, было интересно, не знал только про perspective
Кратко, ёмко, без воды!
Здесь следуют хвалебные эпитеты автору и каналу в большом - большом количестве.
И благодарности, конечно же: спасибо за проделанную работу!
Класс. Некоторые вещи были в новинку. Просто красава, спасибо)
Спасибо большое! Очень полезно для всех. И новичкам для закрытия пробелов и понимания, что еще почитать и более опытным для систематизации знаний.
Про самое важное за короткий промежуток времени - здорово! Спасибо.
5:52 label{ display:block; }
чел ты про100 гений
я зашел на этот урок и первый же вопрос который ты задал попался моей подруге на собесе!!
мои эмоции в этот момент: "ОООО туда нам надо" :D
Идея для ролика, самые часто используемые теги в CSS/HTML, ошибки новичков, какие новшества в HTML5/CSS3, как делали раньше и как делают сейчас.
Спасибо за видео, формат отличный для тех, кто вечно учит и постоянно бросает, потому, что скучно или негде применить знания.
Молоец! Вопросы хорошие !
Для подготовки к соббєсу,то что нужно.
Самый топовый канал.
Продолжай в том же духе и тебе не буде равных)
На собесе на фронтенд такие легкие вопросы разве?
Круто, спасибо! Про перспективу не знал
Как я рада, что нашла твой канал. Ты очень круто рассказываешь и делаешь отличный контент!!!
Коротко, быстро, по делу и, самое главное, наглядно - а что еще надо? Автору респект
Очень хорошее видео, главное без лишней воды!
спасибо большое. Очень интересное видео. Как раз хочу работу найти.
Много полезной инфы, за очень короткое время. Класс!
спасибо за полезный контент
Много нового узнал. Автор, спасибо тебе!
Спасибо за отзыв!)
Тимур красавчик! Как всегда ооочень полезно! Лучший.
Спасибо тебе огромное, то чувство когда готовишься по js , а понимаешь, что могут спросить по css! (и оказывается что я много не знал или подзабыл)
работаешь уже?
@@esperantoqpal2976 да уже почти как 2 года опыта
Как успехи?
Видео просто пушка! Один из лучших каналов!)
смотрел видео пол года назад когда проходил курс вёрстки и все казалось таки тяжелым, смотрю сегодня и понимаю что это просто элементарные вопросы))) Спасибо за видео!
Друг не рассматривает наставничество?
Чувак, ты крут, я за 5 минут видео нашёл ответы на свои вопросы и понял как это работает по фактк, от души! А искал ответы и смотрел ролики по 15-20 минут и ничего понять не мог. Очень доступно и понятно всё объясняешь
Видео класс! Ещё хотелось бы добавить, что в блочные элементы можно вкладывать и блочные и строчные. А в строчные вкладываются только строчные. И ещё, блочным элементам можно задать width & height, а строчным можно задавать только паддинги. Вооот, кажется не ошибся. Автору ещё раз спасибо за классное видео!
Я бы сказал для строчных не работает вертикальный марджин, а горизонтальный норм.
Да это лучший курс по CSS :D
Огромный респект за видео, действительно можно вспомнить забытое максимально быстро
никогда не оставлял комментарии..но чувак! ты просто бешеный , я те атвечаю!)
Это видео помогло мне пройти собеседование, спасибо!
подскажи плиз, что из того что в видео спросили и на какую должность?)
@@chcylabrab взяли на вёрстку, был вопрос по позиционированию, адаптации, отступам ну и по мелочи. Ещё был вопрос по приоритетности классов
@@theantheme спасибо!
Супер!!! Спасибо за старание
padding - внутренние, margin - внешние Это вы нас проверяли ? Вы классно учите. Я сегодня проходу собеседование. Спасибо Вам за уроки ! Очень интересно =)
Как прошло? Помогли знания из видоса?
@@ВиконтВонючка Да
Спасибо тебе и за твои старания))
Очень полезное видое, в целом освежить знания да и некоторые вопросы точно на собеседованиях встречаются, спасибо
круто, лучше всяких курсов) реальный разбор, реальных кейсов !
Отлично как всегда!!!
Это на самом деле полезно. Спасибо, что решил сделать такие видео
Красава брат, очень кайфовые видео, очень полезно при подготовке к тех собесам
Спасибо огромное! Оооочень информативно и никакой "воды".
👍🤘🤟
Спасибо за проделанную работу! Лайк поставил )))
Супер закрепляющее знания видео! Спасибо автору за работу!
Лучший! Узнал очень многое, СПАСИБО🔥
Спасибо за подбородку, быстро, понятно и эффективно!
как всегда топ контент!
Спасибо друг!) Приятно слышать
@@UlbiTV тебе спасибо! ;)
Спасибо!!! Наверное пока это самая лучшая подача, что я нашла, все понятно и по существу!
Спасибо за урок! Очень полезно и доступно, побольше бы таких видео.
Благодарю, рад что полезно!)
Спасибо, пару вещей были новыми, для повторения огонь.
Красава, вопросы просто пушка👍👍👍
Спасибо дружище
Спасибо за интересное и полезное видео!
Как всегда все профессионально и без воды это уровень Тимур)
Спасибо Гурген, всегда жду ваш комментарий!)
Спасибо, как раз завтра на собеседование)
Спасибо за урок ✌️
Спасибо, дружище!
Надеюсь, пройду завтра собеседование😊
Хорошие вопросы, а главное ты накопил опыт и поделился с нами, крутой видос получился, впрочем как и всегда!!! #годныйконтент
Спасибо бро!)
Красава, бро ! очень интересные и информативные видосики пилишь
Супер формат!
Благодарю!)
Для продвижения, спасибо за видео
Начал учить css, сохраню себе в плейлист, чтоб посмотреть в будущем)
Как успехи?)
@@romovajulia коли почався js то зрозумів що програмування то не моє)))
@@МихайлоЮрів Бывает))
12:55 это были не все, есть еще color, date, time...
z-index не вертикально а по 3й оси в глубину
От меня лайк подписка!
Верно подмечено) Спасибо!
Тимур, спасибо большое за контент)
Топ контент, спасибо мужик !
Спасибо бро!)
Автор - топ 5 ВЕБ-блогеров в РФ. Контент, скиллы, уровень кодинга, фундамент... Браво!
Даже нового чего-то для себя нашёл, интересно. Благодарю.
*Р. е. с. п. е. к. т.*
Спасибо!)
Очень крутое видет! Все самое нужное в 20 минутах, респект!
Божеее это просто невероятное видео, как же все максимально доступно и просто ты объяснил. Мало того что ответы на вопросы так еще и на практике все показал. Давно искал такое видео, спасибо тебе огромное!
Ееее спасибо дружищее) рад слышать, еще есть пару подобных видео на канале, смотри не пожалеешь!)
Спасибо огромное!!! Все самое ходово без лишней шелухи.
Хороший контент, спасибо!
Очень рад, спасибо!
Видео просто супер. Подсказка, вы в начале перепутали margin & padding. Бывает)
Спасибо! Полезная информация, доступно изложенная
Коммент для поддержки и продвижения!Спасибо за работу!
Спасибо, поднял свою самооценку😀
КАк минимум ради этого стоит посмотреть видос 😂😂
Офигенно, информативно 👍
Мне не сложно)
спасибо за видео!!!
Ты за полчаса рассказал больше, быстрее и понятнее, чем месяц воду на курсах льют)
Спасибо, было интересно!
Отличный ролик, если не считать ошибки) 10:15, 16:40
Но все равно лайк, большую работу проделал
Спасибо!) Да оговорился, еще и на самом банальном!)
Очень круто, спасибо)))
Просто и доходчиво!
Благодарю
Спасибо за видео! Лайк поставить не забыл :)
Спасибо за полезное видео
Спасибо за полезный комментарий!)
Спасибо! Очень хорошо, что подача "плотная".
Держи лайк