Спасибо за поздравление. Так. же взаимно поздравляю вас с наступившим Новым годом :) Да да, сразу за работу - за любимое дело. Давно планировал записать такой ролик
Спасибо огромное! Сейчас обучаюсь в it-школе специальности fullstack и преподы не всё рассказывают. Приходится процентов 40 самому искать, учить и делать. Одно из заданий было именно на такой чекбокс.
@@alex_dudukalo хочу детально изучить грид или бутстрап. Сейчас заканчиваем css, но это всё очень сжато. Скоро экзамен , нужно создать сайт на штмл и css. Дальше джаваскрипт. Есть материалы по этим темам?
Спасибо вам :) Курс - это целая серия роликов ) Хочется, что бы все получилось хорошо. Сейчас над ним работаю. Стараюсь как можно скорее сделать релиз :)
Спасибо большое за видео. А как сделать при таком подходе стили чекбоксу disabled checked, чтобы он у нас был чекнутый, но не действительный? Какие-то сложные комбинации селекторов нужно ипользовать? И почему псевдики создаем лейблу, а не инпуту ?
Спасибо вам. Если вы хотите стилизовать состояние disabled именно в чекнутом состоянии, то это можно сделать так: input:checked:disabled. Должно сработать :) Псевдокласс всегда находится внутри элемента. input тег не закрывается :) Внутрь него ничего не поместишь ) Поэтому здесь псевдокласс добавляется родительскому элементу;
хорош. только не понятно зачем инпут в лейбл заворачивать, можно же в начале инпут а потом label. border-radius лучше задавать 50% я думаю, чем в пикселях, так понятнее будет. позиция при активном наверное лучше было не left: 27px а right: -3px
Спасибо за ваш комментарий. Сделал label оберткой, так как в любой случае этой конструкции нужна обертка. Почему бы ею не сделать label, а внутри span. Хотя конечно можно и наоборот. Да, 50% удобно использовать для квадратного блока, но если пользователь решит сделать ползунок прямоугольным, то блок станет овалом. А при указании скругления в px такой проблемы не будет ) Если сделать right - 3px, то ползунок улетит в конец текста. Не совсем туда, куда нам бы хотелось :) Конечно, есть масса способов сделать такой чекбокс :) Спасибо, что поделились своим видением
До слез просто Александр😂
Цитата из проверки от тебя моего итогового проекта:
«aria label помним,да,помним …. я вот помню про aria label!»
🤣🤣🤣
Да да ))) Но иногда я забываю :)
Спасибо большое! Очень интересное и полезное видео. Думаю, буду возвращаться к нему и пересматривать еще не оду сотню раз.
Очень рад, что удалось разобрать полезную тему. Такие чекбоксы встречаются довольно часты. Думаю тема будет полезной :)
Спасибо большое за ваши ролики, очень понятно и структурировано!
Спасибо вам за ваш комментарий :)
На днях как раз хотел освежить чекбоксы и тут вы дропаете видос 👍 спасибо
давно хотел сделать такой ролик :) Видимо не зря :)
@@alex_dudukalo не зря 👍
@@alex_dudukalo очень полезно 👍
Большое спасибо Александр , очень понятное и легкое для восприятия видео !
Как всегда, нас радуете !
Спасибо вам за регулярную поддержку :) Очень рад, что есть такие замечательные зрители, как вы :)
Александр, Вы молодец!!! Классная подача материала, всё чётко и понятно!!! Спасибо Вам!!! 👍👍👍
Спасибо за отклик :) Будем делать подачу лучше и работать в том же духе :)
Спасибо Александр за видео.
Спасибо большое за Ваш комментарий 🤗 надеюсь и другие видео канала будут вам полезны
🙃 Спасибо ! 👍😀 все очень понятно, круто!!!
Спасибо вам, рад, что ролик вам понравился)
Спасибо за работу! Было бы клево увидеть на канале курс по фреймворку js
Спасибо за комментарий :) Да, думаю сделать отдельный плейлист с роликами по Vue :)
Спасибо 👍
С Новым годом! 🎄🥳🎉
Большое спасибо. Поздравляю вас с наступившим Новым Годом :)
Просто БОМБА 👏👏
Большое спасибо! 😊
С Новым годом вас, Александр!
В Новый год и уже с новым видео 😊
Спасибо, было интересно, чек боксы очень часто используются)
Спасибо за поздравление. Так. же взаимно поздравляю вас с наступившим Новым годом :) Да да, сразу за работу - за любимое дело. Давно планировал записать такой ролик
Спасибо за видео, оно очень полезно
Спасибо огромное!
Сейчас обучаюсь в it-школе специальности fullstack и преподы не всё рассказывают. Приходится процентов 40 самому искать, учить и делать. Одно из заданий было именно на такой чекбокс.
Спасибо вам за ваш отзыв ) Очень приятно, что ролик вам пригодился )) Надеюсь и другие помогут вам в вашем дальнейшем обучении :)
@@alex_dudukalo хочу детально изучить грид или бутстрап. Сейчас заканчиваем css, но это всё очень сжато. Скоро экзамен , нужно создать сайт на штмл и css. Дальше джаваскрипт.
Есть материалы по этим темам?
Спасибо Александр!!
Жду видео про методолгию бэм и про афтер и бефор!!:) Спасибо учитель
Если инпут лежит внутри label ему не обязательно назначать ID, свойственно и для label указывать for
Да, это так :) Но для чистоты я люблю все же связывать label с текстовым полем :)
Спасибо !!! А когда выйдет обещанный по курс JS для начинающих ???))
Спасибо вам :) Курс - это целая серия роликов ) Хочется, что бы все получилось хорошо. Сейчас над ним работаю. Стараюсь как можно скорее сделать релиз :)
@@alex_dudukalo Ждем с нетерпением !!!!!!
Спасибо большое за видео. А как сделать при таком подходе стили чекбоксу disabled checked, чтобы он у нас был чекнутый, но не действительный? Какие-то сложные комбинации селекторов нужно ипользовать? И почему псевдики создаем лейблу, а не инпуту ?
Спасибо вам. Если вы хотите стилизовать состояние disabled именно в чекнутом состоянии, то это можно сделать так: input:checked:disabled. Должно сработать :) Псевдокласс всегда находится внутри элемента. input тег не закрывается :) Внутрь него ничего не поместишь ) Поэтому здесь псевдокласс добавляется родительскому элементу;
хорош. только не понятно зачем инпут в лейбл заворачивать, можно же в начале инпут а потом label. border-radius лучше задавать 50% я думаю, чем в пикселях, так понятнее будет. позиция при активном наверное лучше было не left: 27px а right: -3px
Спасибо за ваш комментарий. Сделал label оберткой, так как в любой случае этой конструкции нужна обертка. Почему бы ею не сделать label, а внутри span. Хотя конечно можно и наоборот. Да, 50% удобно использовать для квадратного блока, но если пользователь решит сделать ползунок прямоугольным, то блок станет овалом. А при указании скругления в px такой проблемы не будет )
Если сделать right - 3px, то ползунок улетит в конец текста. Не совсем туда, куда нам бы хотелось :)
Конечно, есть масса способов сделать такой чекбокс :) Спасибо, что поделились своим видением
5:32 - наверное, но это не точно)))))))))
)))) издержки записи роликов без подготовки
Что делать если я поменял местоположение перкключателя,и при его активации меня кидает в начало сайта в левый верхний угол
Скорее всего вы не установили position relative для span :)
Что бы скрыть можно вот так сделать visibility: hidden;
Да, visibility: hidden скрое элемент ) Спасибо))