Поразительно, сколько человек вкладывает сил и труда для БЕСплатного образования начинающего верстальщика. Просто кладезь полезной информации. Даже на платных курсах так подробно не предоставляли информацию. Успехов автору и большое спасибо👍
Обычно комментариев не пишу, но тут не удержалась... На удивление качественный контент! Доступная и интересная подача материала! Полагаю, что так мало людей смотрят курс, т.к. больше доверяют блогерам постарше. Парадокс в том, что их объяснения часто поверхностны, недостаточны для полного понимания, а Ваши - наоборот. И кроме того, такую грамотную речь трудно встретить на ютубе. Спасибо за Ваш труд! Успехов и процветания!
Не знаю планировал ли ты где-то об этом рассказывать дальше (типо особенности блочных и inline элементов), но, наверное, стоило бы упомянуть что border "не очень хорошо" работает с inline элементами, когда содержимое их не помещается в экран.
Хм. Я в принципе не считал это проблемой, так как никогда так не делаю. Стилизация в инлайновых элементах чего-либо, кроме параметров текста, частенько приводит к непредсказуемым результатам… Может и стоило в этом видео упомянуть эти неочевидные моменты. Спасибо за комментарий! :) После курса по CSS сделаю несколько мастер-классов по верстке, там этот момент с бордером постараюсь проработать.
@@AleksanderLamkov Мастер-классы жду невероятно, по-любому научимся от тебя красивой семантической верстке без миллиардов div. Очень интересно будет услышать твои размышления по поводу решения той или иной проблемы, и с какими трудностями возможно столкнуться в будущем
Привет! Зависит от браузера, но вроде все в 1px выставляют. Точнее можно глянуть в DevTools во вкладке Computed при инспектировании элемента со свойством рамки.
Самое тупое знаете что такие хорошие видео почему не набирают лайки я не могу понять всякие туалеты оживают а хорошие и смысловые видео набирают мало лайков.
Часть свойств и значений выдаёт figma возникает возможно глупый вопрос - какие свойства, значения можно скопировать , измерить и взять из фигмы а какие надо додумывать самову (творческий процес )? Спасибо
Привет! В утопической ситуации творчества будет минимум, так как буквально каждый пиксель надо сверять с макетом. Но в реальности приходится унифицировать разброс отступов до единого значения, подбирать для текста цвета с альфаканалом, а не color + opacity пихать, ну и конечно же всевозможные анимации, наведения и клики по интерактивным элементам - чаще всего дизайнеры не учитывают эти моменты. Еще вспоминаю десятки состояний полей ввода - checked, disabled, readonly, invalid и так далее, плюс сочетания состояний друг с другом.
Пушка, даже и не знал что можно задавать цвет рамки через запятую и тогда с каждой стороны рамка будет разного цвета, прикольно!
Поразительно, сколько человек вкладывает сил и труда для БЕСплатного образования начинающего верстальщика. Просто кладезь полезной информации. Даже на платных курсах так подробно не предоставляли информацию. Успехов автору и большое спасибо👍
Превосходно, пришёл на работу, включил ютуб, посмотрел твои видео, повысил квалификацию. Спасибо 🥰
О Боже мой, filter: drop-shadow это же просто пушка, спасибо большое, что посвятили, Александр!😄
Генератор классный! И то, что можно задавать тень картинке по контуру - удивило! Как всегда - масса интересностей, о которых не догадывался. Спасибо!
с каждым уроком все интереснее становится изучать css. на платных курсах было не так увлекательно. Спасибо большое, Александр!
Обычно комментариев не пишу, но тут не удержалась... На удивление качественный контент! Доступная и интересная подача материала! Полагаю, что так мало людей смотрят курс, т.к. больше доверяют блогерам постарше. Парадокс в том, что их объяснения часто поверхностны, недостаточны для полного понимания, а Ваши - наоборот. И кроме того, такую грамотную речь трудно встретить на ютубе. Спасибо за Ваш труд! Успехов и процветания!
Спасибо за такую развернутую обратную связь! Мне очень приятно :)
емаё, ты мне щас так сильно глаза раскрыл с outline - offset, лучший!
Только на этом уроке заметила классные цветные обложки на видео, еще и с градиентом, в плейлисте смотрится красиво)
The lesson is very useful , thank you!
Отличное видео! Box-shadow запомнился на лету)
очень круто, спасибо за видео! про свойство фильтр не знал даже)
огонь 🔥🔥🔥
очень круто делаешь, удачи тебе
Не знаю планировал ли ты где-то об этом рассказывать дальше (типо особенности блочных и inline элементов), но, наверное, стоило бы упомянуть что border "не очень хорошо" работает с inline элементами, когда содержимое их не помещается в экран.
Хм. Я в принципе не считал это проблемой, так как никогда так не делаю. Стилизация в инлайновых элементах чего-либо, кроме параметров текста, частенько приводит к непредсказуемым результатам…
Может и стоило в этом видео упомянуть эти неочевидные моменты. Спасибо за комментарий! :)
После курса по CSS сделаю несколько мастер-классов по верстке, там этот момент с бордером постараюсь проработать.
@@AleksanderLamkov Мастер-классы жду невероятно, по-любому научимся от тебя красивой семантической верстке без миллиардов div. Очень интересно будет услышать твои размышления по поводу решения той или иной проблемы, и с какими трудностями возможно столкнуться в будущем
@@svitboomer8840, поддержу. Тоже жду возможность посмотреть на работу мастера!
Александр, можете сказать какая дефолтная толщина свойства border?
Привет! Зависит от браузера, но вроде все в 1px выставляют. Точнее можно глянуть в DevTools во вкладке Computed при инспектировании элемента со свойством рамки.
Спасибо!
@@AleksanderLamkov Александр, если вам вдруг интересно, то ответ medium. Нашла)))))
Осталось узнать, сколько это в пикселях :)
В чем разница между filter: opacity(0) и opacity: 0 ? (UPD: а, всё, после паузы начал слушать дальше и услышал)
Самое тупое знаете что такие хорошие видео почему не набирают лайки я не могу понять всякие туалеты оживают а хорошие и смысловые видео набирают мало лайков.
Полностью с вами согласен, но к сожалению так устроен ютуб.
Если filter: opacity(); производительнее чем opacity, то можно использовать только его?
Нет. Используй то, что тебе удобно. Разница в перформансе ничтожна. Я использую opacity, т. к. банально проще синтаксис.
А в телеге только канал с анонсами или есть чат комьюнити ?
Есть чат: t.me/friendlyFrontendChat
Часть свойств и значений выдаёт figma возникает возможно глупый вопрос - какие свойства, значения можно скопировать , измерить и взять из фигмы а какие надо додумывать самову (творческий процес )? Спасибо
Привет! В утопической ситуации творчества будет минимум, так как буквально каждый пиксель надо сверять с макетом. Но в реальности приходится унифицировать разброс отступов до единого значения, подбирать для текста цвета с альфаканалом, а не color + opacity пихать, ну и конечно же всевозможные анимации, наведения и клики по интерактивным элементам - чаще всего дизайнеры не учитывают эти моменты. Еще вспоминаю десятки состояний полей ввода - checked, disabled, readonly, invalid и так далее, плюс сочетания состояний друг с другом.
@@AleksanderLamkov Что такое альфаканал - пока не знаю. Спасибо Александро
@@AleksanderLamkov Из сказанного понял, что часть свойств надо додумывать интуитивно (догадываться)
Альфаканал - это указание прозрачности прямо в цвете, типа rgb(255 0 0 / 0.5)
0.5 - это прозрачность 50%
@@AleksanderLamkov Спасибо
Спасибо за ролик, все очень просто и понятно! У вас компьютер от hyper pc?)
Привет! Да, настольный ПК от Hyper :)