Спасибо большое за твои видео, почти все просмотрел, на твоих видео только и учусь, максимально понятно объясняешь, прям разжевываешь, для всех идеальный подход, огромное спасибо!!! лучший канал
Классный ролик, как раз в финальной работе базовой вёрстки подвис на ui-kit в самом конце уже, ролик должен помочь. Александру огромное спасибо за труд!
Да, псевдоэлементы часто используются в реализации элементов интерфейса. Особенно для кастомизации стандартных чекбоксов, выпадающих списков и текстовых полей :)
Крутой урок!!!! Смотрел видео для повторения и закрепления знаний по псевдоэлементам и был максимально приятно удивлен. Очень интересные фишки по применению псевдоэлементов про которые и не знал )) Огромное спасибо за данный урок!!!
Спасибо Александр! Как всегда классный и полезный контент. С бейджем вообще отпад. Я бы там дивов наделал и страдал бы после, думая как их разместить, а тут оказывается все так просто))). P.S. Можно тебя попросить, затронуть такую тему как, "натяжка" готовой верстки на какую нибудь ЦМСку? Много искал и нет годного контента на Ютубе
Спасибо вам. Я рад, что ролик был полезным и вы досмотрели его до конца :) Спасибо за это. Да, это хорошая идея для большого ролика :) Какая CMS интересна? Wordpress?
@@alex_dudukalo да, WP, было бы супер. Спасибо. Благодаря Вам, я узнал о Веб Вёрстке и теперь изучаю ее. Я Ваi ученик на Скилл Бокс. Я учился на тестировщика и теперь не очень хочется, буду изучать веб разработку))
Хорошее видео! все понятно и доступно! Хорошо если бы были примеры как before и after взаимодействуют с hover и если там svg то можно ли при наведении менять цвет? Но гугл в помощь, будем искать)))) Благодарю за супер канал и видео!
Ну что сказать, круто объяснил, молодец. Жаль что мне в своё время изучения вёрстки так просто не объяснили (или же я был туп😄). Кстати, можно было бы добавить касательно работы с svg, что для изменения стилей svg таки придётся использовать его в HTML в виде тега и работать непосредственно со свойствами самого svg, например такими как fill. И как по мне - уж куда интересней уметь это реализовывать в JS ) Вообще, прикольные фичи рассмотрел 👍
Не всегда получается быстрее ответить. Да, совершенно справедливое замечание. С таким способом (как показано в видео) не получится в динамике менять стили svg. Этот способ подходит для статичных изображений или иконок. Для изменения при hover, конечно придется встроить svg сразу в html. У вас полезнейший комментарий, надеюсь его прочитают ребята, которые с этим столкнутся.
Это очень хороший вопрос. Постараюсь коротко объяснить. * - означает, что стили в фигурных элементах будут применены всем элементам на странице, в том числа after и before. Сам стиль border -box: inherit нужен для того, что бы настроить способ расчета размеров блоков. С учетом паддингов и бордеров или нет :)
Не совсем понимаю, в чем смысл псевдоэлементов в связке с иконками. Разве нельзя просто тексту задать какой-нибудь паддинг под иконку и навесить background image?
Иногда бывает удобно, когда иконка находится в потоке (в виде блока) Это позволяет настраивать быстрое выравнивание с помощью флекс и дает другие возможности. Но, конечно можно сделать и фоном :)
Здравствуйте. Вы, наверное, сдали это видео, т.к. знаете сложности студентов при выполнении домашнего задания модуля 11.12 на факультете Фронтенд разработчик pro. Очень не просто было сделать эту домашку, если нет понимая принципов работы псевдоэлементов, особенно в сочетании с позиционированием (position)
Здравствуйте, Дмитрий. Не всегда получается ответить быстрее, но очень стараюсь. Да, вы совершенно правы, как и многие другие видео я делаю именно по причине того, что темы даются сложно и я пытаюсь и сделать чуть понятнее. Не всегда получается, но очень стараюсь :) Спасибо за ваш комментарий, да я понимаю вас. Самому в свое время было понять позиционирование не просто )) Теперь делаюсь опытом.
Просто супер,на фоне скучных и линейных видео про псевдоклассы и покраски текста,это как оазиз в пустыне,спасибо большое!
Спасибо большое за твои видео, почти все просмотрел, на твоих видео только и учусь, максимально понятно объясняешь, прям разжевываешь, для всех идеальный подход, огромное спасибо!!! лучший канал
Безумно приятно читать такую обратную связь ☺ ваша поддержка очень вдохновляет 🤗 спасибо!
Классный ролик, как раз в финальной работе базовой вёрстки подвис на ui-kit в самом конце уже, ролик должен помочь. Александру огромное спасибо за труд!
Да, псевдоэлементы часто используются в реализации элементов интерфейса. Особенно для кастомизации стандартных чекбоксов, выпадающих списков и текстовых полей :)
отличный урок, все доступно объяснили, спасибо Александр
Большое спасибо за приятный комментарий :)
Спасибо, очень интересно с data атрибутом. Годный контент как всегда.)
Спасибо 🔥 ваша поддержка очень вдохновляет🤗
Крутой урок!!!! Смотрел видео для повторения и закрепления знаний по псевдоэлементам и был максимально приятно удивлен. Очень интересные фишки по применению псевдоэлементов про которые и не знал )) Огромное спасибо за данный урок!!!
Спасибо за ваш комментарий 🤗 надеюсь и другие видео канала будут вам полезны 😊
Спасибо! Очень полезное видео)))
Слов нет, на сколько полезная информация, просто и доступно, однозначно в избранное! Успехов Вам
Спасибо ☺ ваша поддержка очень мотивирует🔥 вам также желаю успехов в изучении JS 😊
Спасибо Александр! Очень доходчиво и методически все выверено. Вы большой молодец.
Спасибо за ваш комментарий😊 надеюсь и другие видео канала будут вам полезны))
Александр спасибо большое, ваши ролики просто бомба!!!
Спасибо 🔥 ваша поддержка очень вдохновляет 🤗
Проверьте мою работу Александр, я сделал 😊
Александр! Топ контент!!! Мне как раз надо было❤️❤️❤️ спасибо!
Спасибо за ваш комментарий ☺ ваша поддержка очень мотивирует, надеюсь и другие видео канала будут вам полезны🤗
Класс, спасибо! Отличнейший ролик. Всё чётко и по делу.
Спасибо 🤗 ваша поддержка очень мотивирует🔥
Александр спасибо большое.
Спасибо огромное, Александр.
Спасибо за ваш комментарий 😊
Спасибо! Как всегда очень полезно, информативно, доступно в объяснении!
Ваша поддержка очень мотивирует 🤗 спасибо за отзыв!))
лучшее видео на данную тему! спасибо
Очень приятно, спасибо :)
Очень бы хотелось увидеть от вас видео на тему адаптивной вёрстки! Было бы очень полезно. И спасибо за контент, который уже сделан
Здравствуйте, Алексей. Прошу прощения за долгий ответ :) Да, я планирую такой ролик. Думаю, в скором времени он будет на канале :)
спасибо! очень классно обьясняешь ! удачи и роста !
С data атрибутом классно получилось для меня это в новинку, Александр лайк однозначно 👍
Рад, что вы узнали что-то новое 🤗 спасибо за ваш комментарий
Очень классный ролик!
Спасибо за комментарий :) Я очень рад, что ролик вам понравился :)
Быстро растёшь так держать! Красавчик, то чувство когда подписался на канал было вообще очень мало подписчиков а сейчас уже 7к!
Приятно, что вы с самого начала со мной 🤗 спасибо! Ваша поддержка очень вдохновляет))
Круто! Спасибо! :)
Спасибо за ваш комментарий :) Я рад, что вам понравиось видео.
Супер 👍 Спасибо. Очень полезный материал.
Ваша поддержка очень вдохновляет 🤗 спасибо!
Спасибо большое, очень информативно!)
Спасибо за ваш комментарий 🤗
Спасибо Александр! Как всегда классный и полезный контент. С бейджем вообще отпад. Я бы там дивов наделал и страдал бы после, думая как их разместить, а тут оказывается все так просто))).
P.S. Можно тебя попросить, затронуть такую тему как, "натяжка" готовой верстки на какую нибудь ЦМСку? Много искал и нет годного контента на Ютубе
Спасибо вам. Я рад, что ролик был полезным и вы досмотрели его до конца :) Спасибо за это. Да, это хорошая идея для большого ролика :) Какая CMS интересна? Wordpress?
@@alex_dudukalo да, WP, было бы супер. Спасибо. Благодаря Вам, я узнал о Веб Вёрстке и теперь изучаю ее. Я Ваi ученик на Скилл Бокс. Я учился на тестировщика и теперь не очень хочется, буду изучать веб разработку))
Очень хорошее видео, спасибо!
Спасибо за ваш комментарий😊 надеюсь и другие видео на канале будут вам полезны))
Спасибо большое, было очень интересно 🔥🔥🔥👍
Спасибо за ваш комментарий😊 рад, что видео оказалось вам полезно))
Крутое обучающие видео!
Спасибо 🔥
Хорошее видео! все понятно и доступно! Хорошо если бы были примеры как before и after взаимодействуют с hover и если там svg то можно ли при наведении менять цвет? Но гугл в помощь, будем искать)))) Благодарю за супер канал и видео!
Классный ролик)
Спасибо за ваш комментарий😊
Ну что сказать, круто объяснил, молодец. Жаль что мне в своё время изучения вёрстки так просто не объяснили (или же я был туп😄). Кстати, можно было бы добавить касательно работы с svg, что для изменения стилей svg таки придётся использовать его в HTML в виде тега и работать непосредственно со свойствами самого svg, например такими как fill. И как по мне - уж куда интересней уметь это реализовывать в JS ) Вообще, прикольные фичи рассмотрел 👍
Не всегда получается быстрее ответить. Да, совершенно справедливое замечание. С таким способом (как показано в видео) не получится в динамике менять стили svg. Этот способ подходит для статичных изображений или иконок. Для изменения при hover, конечно придется встроить svg сразу в html. У вас полезнейший комментарий, надеюсь его прочитают ребята, которые с этим столкнутся.
вот это контент
Спасибо за ваш комментарий😊
Молодец!!!
Спасибо за обратную связь🤗
Спасибо!
Спасибо за отзыв😊
Интересно, а почему второй псевдокласс для text (32:41) не перекрасил первую букву? Ведь она находиться на первой строке 🤔
Очень хорошее замечание. Кажется стилизация первого символа имеет более высокий приоритет, чем стилизация всей строки. Нужно это запомнить :)
Супер!👍
Спасибо за отзыв 🤗
крутой видос
Спасибо 🔥🔥🔥
Вопрос.
Вначале файла css есть настройки для всего файла
*Before,
After
border -box: inherit.
Что это? На что влияет? И как использовать?
Это очень хороший вопрос. Постараюсь коротко объяснить. * - означает, что стили в фигурных элементах будут применены всем элементам на странице, в том числа after и before. Сам стиль border -box: inherit нужен для того, что бы настроить способ расчета размеров блоков. С учетом паддингов и бордеров или нет :)
Супер полезно
Не совсем понимаю, в чем смысл псевдоэлементов в связке с иконками. Разве нельзя просто тексту задать какой-нибудь паддинг под иконку и навесить background image?
Иногда бывает удобно, когда иконка находится в потоке (в виде блока) Это позволяет настраивать быстрое выравнивание с помощью флекс и дает другие возможности. Но, конечно можно сделать и фоном :)
WOW❤
Спасибо 🔥
Понравилось
Спасибо 🔥 надеюсь и другие видео канала будут вам полезны
Здравствуйте.
Вы, наверное, сдали это видео, т.к. знаете сложности студентов при выполнении домашнего задания модуля 11.12 на факультете Фронтенд разработчик pro.
Очень не просто было сделать эту домашку, если нет понимая принципов работы псевдоэлементов, особенно в сочетании с позиционированием (position)
Здравствуйте, Дмитрий. Не всегда получается ответить быстрее, но очень стараюсь. Да, вы совершенно правы, как и многие другие видео я делаю именно по причине того, что темы даются сложно и я пытаюсь и сделать чуть понятнее. Не всегда получается, но очень стараюсь :) Спасибо за ваш комментарий, да я понимаю вас. Самому в свое время было понять позиционирование не просто )) Теперь делаюсь опытом.
❤
Спасибо 🔥
годно!
Спасибо 🔥
Спасибо!
Спасибо 🔥