спасибо за уроки, выглядит интересно) Хотел отметить одно css свойство которое теперь позволяет не писать костыли на чекбоксы и инпуты, оно называется appearance: none. После того как мы его задаем, можно добавлять свои свойства для того же чекбокса и все будет работать без костылей:)
Спасибо за ценнейшую информацию! Помнил упоминание этого свойства в англоязычной статье, но как-то не вник в его крутость и полезность… Обязательно сниму хотя бы шортс на эту тему, еще раз благодарю! 🙂
круто, спасибо за видео) будет здорово если будет видео по ally, где будет разобрано :focus-within и правильное взаимодействие с этим и подобными псевдоклассами
Привет. В видео был checkbox так что думаю вопрос хоть немного будет в тему. Столкнулся с select. Вопрос в том нужно ли сохранять оригинальный select и прятать его, или можно не заморачиваться и просто сделать кастомный на div?
Привет! Сохранять и визуально прятать оригинальный однозначно. А рядом имитировать кастомный селект на дивах. Это нужно, чтобы корректно управлять отправляемыми формой данными.
Кастомный календарь - страшилка для многих фронтов :) Тут даже я, любитель делать все компоненты с нуля, взял бы готовую либу и подкорректировал под нужны проекта.
js не знаю. Взял готовое решение по select, сижу уже час, поправляю css. Это походу особый вид мазохизма поправлять после кого то css:).@@AleksanderLamkov
С удовольствием бы записал видеогайд по кастомному селекту, но хочется делать подобное исключительно после выпуска полноценного курса по джаваскрипту :)
Привет! Увы, так не получится. Подобное сокрытие будет равносильно display none. При таком атрибуте чекбокс перестанет быть интерактивным, с ним нельзя будет провзаимодействовать, в т. ч. через скринридеры. В этой статье вопросы по правильному сокрытию инпута разобраны подробнее: www.sarasoueidan.com/blog/inclusively-hiding-and-styling-checkboxes-and-radio-buttons/
Привет! Использовать их в одном селекторе не совсем правильный подход. Это разные псевдоклассы для разных целей. А если в целом про порядок их использования в CSS-коде, то нет никакой разницы, они никак не конфликтуют друг с другом.
Ничего себе - насколько nth-child мощный!
спасибо за уроки, выглядит интересно)
Хотел отметить одно css свойство которое теперь позволяет не писать костыли на чекбоксы и инпуты, оно называется appearance: none. После того как мы его задаем, можно добавлять свои свойства для того же чекбокса и все будет работать без костылей:)
Спасибо за ценнейшую информацию!
Помнил упоминание этого свойства в англоязычной статье, но как-то не вник в его крутость и полезность…
Обязательно сниму хотя бы шортс на эту тему, еще раз благодарю! 🙂
Супер, спасибо огромное
Очень доходчиво объяснил! Хотелось бы больше видосов по CSS разного уровня.
круто, спасибо за видео) будет здорово если будет видео по ally, где будет разобрано :focus-within и правильное взаимодействие с этим и подобными псевдоклассами
Привет! По доступности будет мини-курс, но конкретно про :focus-within не думал, весьма ситуативный псевдокласс)
Будет ли курс по JavaScript?
Привет! Будет, но после CSS и серии мастер-классов по верстке.
Привет. В видео был checkbox так что думаю вопрос хоть немного будет в тему. Столкнулся с select. Вопрос в том нужно ли сохранять оригинальный select и прятать его, или можно не заморачиваться и просто сделать кастомный на div?
Привет! Сохранять и визуально прятать оригинальный однозначно. А рядом имитировать кастомный селект на дивах. Это нужно, чтобы корректно управлять отправляемыми формой данными.
Спасибо. Сложная тема с этими кастомными формами, с нетерпением жду видео. :) Про кастомный календарь боюсь даже в поиск вводить@@AleksanderLamkov
Кастомный календарь - страшилка для многих фронтов :) Тут даже я, любитель делать все компоненты с нуля, взял бы готовую либу и подкорректировал под нужны проекта.
js не знаю. Взял готовое решение по select, сижу уже час, поправляю css. Это походу особый вид мазохизма поправлять после кого то css:).@@AleksanderLamkov
С удовольствием бы записал видеогайд по кастомному селекту, но хочется делать подобное исключительно после выпуска полноценного курса по джаваскрипту :)
Почему то у меня last-child не работает на теге , не работают на нем стили CSS 😮💨
Надо посмотреть по DevTools вкладку Elements. Выдели нужный тебе элемент и посмотри панель Styles.
Здравствуйте, а как же visited , для посещенных ссылок 🙂
Привет! А вот про этот псевдокласс забыл :) Спасибо за внимательность! Обязательно добавлю его в следующую версию курса.
Скрыть инпут для чекбокса можно аттрибутом hidden, без использования длинных кусков стилей сокрытия
Привет! Увы, так не получится.
Подобное сокрытие будет равносильно display none.
При таком атрибуте чекбокс перестанет быть интерактивным, с ним нельзя будет провзаимодействовать, в т. ч. через скринридеры.
В этой статье вопросы по правильному сокрытию инпута разобраны подробнее:
www.sarasoueidan.com/blog/inclusively-hiding-and-styling-checkboxes-and-radio-buttons/
Александр привет,на сколько я знаю приминение псевдоклассов :focus, :hover, :active задаються в таком порядке? чтобы избежать конфликтов между ними.
Привет! Использовать их в одном селекторе не совсем правильный подход. Это разные псевдоклассы для разных целей. А если в целом про порядок их использования в CSS-коде, то нет никакой разницы, они никак не конфликтуют друг с другом.