Стилизация checkbox и radio

[@ДагунСултаев]

Реально во всем Ютубе , среди кучи воды и роликов , автор самый красавчик , все четко

[@vadymprokopchuk]

благодарю

[@ДанилТерновой-х2ч]

Вадик один из немногих !

[@smakaev]

согласен, уже который раз спасает. для русскоязычного сегмента редкость.

[@apexnuts9785]

у кого не срабатывает обводка при нажатии на Tab (19:23) добавьте ко всем вот это - tabindex="0". Мне помогло.

[@igr3943]

Каждый раз твои видосы как глоток свежего воздуха в удушливую погоду. Спасибо огроменное!

[@vadymprokopchuk]

спасибо, супер)

[@strangechannel4589]

Я знаю это, но все равно смотрю, очень хочется поддержать. Спасибо, что ты есть. Бесплатно и доступно. Курсы тоже очень доступные, если есть желание учиться. Ребята, не пожалейте 150 -250 бачей, оно того стоит, ради будущего!

[@thepoison3967]

Вадим привет. Начал смотреть тебя со старых видео, и в первые увидел тебя без очков, какие же у тебя красивые глаза.

[@ВероникаСтегниенко]

Это лучшее объяснение по стилям radio button , спасибо огромное!

[@HelgaOz]

спасибо! самый понятный мануал из всего что видела до сих пор

[@MagnusVictorinus]

Спасибо, Мастер! Мы уже с тобой так знакомы, а ты этого даже не знаешь)) По твоим видео)

[@vadymprokopchuk]

это да)

[@ЮлияМамырбаева]

Огромное спасибо за Ваши уроки - это просто клад! Я можно сказать совсем новичок, но тут на все свои трудности нахожу ответы простым языком! От души благодарю и желаю процветания

[@vadymprokopchuk]

Спасибо, я рад )

[@PeltorHennadii]

Какое счатье, что нашел твои уроки! Подробно, понятно, хорошие не детские примеры, и очень доходчиво наглядно объясняешь - спасибо тебе самое огромное! И с юморком!) Марафоны вообще огонь, по ним можно новой специальностью овладеть Продолжай!)) Было бы интересно какие-то более сложные страницы на wordPress посажать

[@realshowcast1362]

Вадим супер! Щас как раз очень нужно было в этом разобраться, я даже не ожидал! Спасибо.

[@peterparker3794]

Слушай, только сегодня искал инфу как делать радио и чекбоксы,ты прям вовремя 😉

[@vadymprokopchuk]

отлично!

[@EduardHoncharov]

Попал на это видео после верстки многостраничника) Спасибо, понятно обьяснил

[@marynapastukhova8119]

Вы очень доступно объясняете, спасибо большое!

[@ВікторЦісар-м7х]

Как раз такую вечеринку стилил на макете. Как знал шеф) Спасибо за видео.

[@ArtemNi]

Вадим, привет. Спасибо огромное. Понятно, доступно, актуально! ) В общем как всегда респект и Лайк!)

[@Alexus1504]

Супер!!! Вадим, сделай пожалуйста видео про градиенты( как задать направление градиенту, как сделать его плавно переходящим в прозрачный) . И про бордеры! Как их сделать плавно прозрачными (допустим в правой или в левой части).

[@tatianaagapkina8658]

Ой, кайф, новый видос! Стилизовала чекбоксы всего один раз, было утомительно))) посмотрю твой видос, чтобы убыстриться!

[@Григорий-в2к]

круто, теперь я понял как это делать, только вот хотелось еще видос про стилизацию input type="range" , было бы вообще огонь

[@andriypetrovskiy4631]

Супер! Спасибо! А сделаешь, еще видео такого же плана, только по SELECT?

[@Виктор-ж2р2и]

Про select много видео на ютубе есть. Но на такое я не натыкался, ну я как бы и не искал. По сути можно сделать свои select и radio и check кнопки сделать как свою личную библиотеку. Без jquery плагинов и т. д.

[@igorkiklevich7300]

Прикольно! Как ни странно, оказалось полезное информацией! Раньше всегда делал через JS и display none. Аналогично и с Select. Единственное, что, насчёт отношения Гугла к сайту с отмененным outline - думаю, что это все сказки) никак оно не влияет на отношение к сайту и ротацию в поисковиках)

[@АлексейСтупников-д4у]

Здравствуйте! Благодарю за видео!

[@Serezha-y9r]

Четко ) спасибо Вадим 👍

[@СлаваБогузавсё-щ6д]

Было бы интересно посмотреть на такой же универсальный метод реализации выпадающих многоуровневых меню, а то на всех ютубовских мастер-классах верстают простенькие менюшки. Заранее спасибо!)

[@ДагунСултаев]

Самая четкая вечеринка😉 согласен с комментариями ниже, видео жду лично я прям 24 часа в сутки, 7 дней в неделю 💪

[@denpro9712]

Какие люди :) Бонжорно.

[@vadymprokopchuk]

DEN PRO привет привет )

[@voidout3124]

Шикарный разбор! Спасибо

[@AlesiaP-y9t]

Спасибо, видео крутое! Всё очень доступно и интересно)) как же мало я знаю css свойств..))

[@ГеоргийАкопьян]

Громадное спасибо, очень кстати!!!!!!!!!!!

[@DrGurgen]

You know, I have to say, it's absolutely brilliant)))

[@ЖмыхДушистый]

Ну и балдеееж, очень полезно. Спасибо) хотелось бы видеть видосики почаще))) но я не настаиваю... возможно только чуть чуть, но не сильно... ну ты понял) не болей😉

[@vadymprokopchuk]

да, и я хочу)

[@FaYrUsinc]

Вот думаю, что знаю как это делать, просто посмотрю новый видосик от Вадосика, так нет же, всё равно удивит и что-то новое расскажет. Не знал что их нехорошо отключать через display: none, а нужно вот так скрывать или подобным образом. Спасибо, буду знать

[@valerypobelenskiy1001]

Вадосик ты как то говорил что с зала выползаешь каждую тренировку ) может все таки надо сбавить обороты с учетом твоей ментальной работы да и в целом эт же быстрей тебя к перетрену приведет или запал скиснет быстрее ) я слышал что тут надо все варьировать )

[@bigmathato8131]

Очень полезное, интересное видео.

[@pythononelove5882]

Как всегда топ))

[@redsky0043]

Просто, доступно, цікаво!))

[@ЕвпатийКоловрат-г1с]

Вадим спасибо!

[@dosxanzada]

лайк + подписка! Удачи во всем!

[@amalexdevelop]

спасибо, заебись контент, то есть вечеринка.

[@marpusik1277]

ТЫ ЛУЧШИЙ!!! ;)

[@vadymprokopchuk]

спасибо)

[@yuriybondaruyk1145]

Где ж ты был с этим в июне?? Сейчас бы меньше правил(((( А видос - класс. Все проблемы человечества решил! Пуанкаре разгадали, чекбоксы застилили, чего еще там осталось? Спасибо! ПС - почему инсту забросил?

[@АзизАслиев]

Топ как всегда 🔥 🔥

[@ThePowerPuffed]

Лучший!

[@videobox5776]

Вадим, при всем уважении, спасибо тебе за твои труды, а видос по js будет?

[@v-pele]

Спасибо!!!

[@veronikas.1347]

То, что было нужно

[@user-eo9nl7ml8d]

Отлично! Спасибо! Можешь исходники разместить в инфобоксе?

[@baton4iki]

О,спасибо)

[@СергейПресняков-о4р]

Так это почти 1 в 1 урок Вадима Макеева "Кастомные чекбоксы правильно"

[@hennadiikhudolieiev2198]

Сними видео «натяжка верстки на вордпресс»

[@Gazon1155]

19:27 А можно ли сделать так чтобы при нажатии не появлялась эта тень (чтобы только появлялась при нажатии tab), но и accessibility чтобы не ругался 19:47 Вот тут при нажатии появляется тень

[@serhiiretsenko2237]

Годнота =)

[@igorDevIt]

А свойство для инпута appearance подходит для использование? Скрытие стандартного инпута?

[@Gazon1155]

Спасибо огромное за полезный видос) Может мне кто-нибудь объяснить, как ширина и высота сработала на строчном элементе

[@marynapastukhova8119]

Не думаю, что еще актуально, но элементу label было присвоено свойство display block, поэтому.

[@Gazon1155]

@@marynapastukhova8119 Владос ещё span'у задал position: absolute; Может в этом дело, а то я думаю display: block никак не повлиял на это

[@dmitryvarnavskikh5648]

Может уже спрашивали об этом в комментах, но я чет не видел... Вадим, скажите плз, какую тему в VSCode вы используете? Сколько не гуглил, именно такого варианта не смог найти. One Dark Pro похожа по цветам синтаксиса, но общий бэкграунд значительно светлее, что не очень радует глаз т.к. привык к более темному, как у вас. В следствие этого использую только стандартную "Dark + default dark". У нее цвета синтаксиса не так радуют конечно, как в вашем варианте

[@vadymprokopchuk]

material

[@dmitryvarnavskikh5648]

@@vadymprokopchuk Нашел, спасибо!

[@ГеоргийЛизько]

Очень круто, как и когда можно пройти платный курс ?

[@Verycoolvideosify]

10:15 как поставить тоже так много курсоров?

[@Алекс-р7у]

Материал - топ! Впрочем, как обычно, это же Вадим)) Если не затруднит, подскажите в каком направлении копать, чтобы сделать карточку товара, как в примере xn----8sbnmcidde2b.xn--80adxhks/#catalog Чтобы при клике по размерам менялась цена, и при нажатии кнопки Заказать, в заказ ушел именно выбранный товар и размер. Может есть на примете урок по решению схожей проблемы.. Заранее благодарю!

[@in4ernoblade]

можно больше черных историй ?

[@Александр-е4ы1ъ]

Повторил. В целом, получилось. Но не понял, почему у меня сами чекбоксы чуть выше уровня текста. Код сверил два раза.

[@Sacar666]

Почему самому инпуту не делать афтер, бефор элементы и не использовать спан?с размером 1пх его не будет видно за нашими псевдообъектами

[@witalion]

Все красиво конечно, но на радио кнопках не работает фокус с tab и включение радио-кнопок с пробела. Т.е. много сказано о доступности, но не реализовано. Вывод верстка нежизнеспособна? или я не с той стороны смотрю. я студент и не пониманию пока. Нам тут на курсах задают задачу это всё реализовать, как это сделать конечно надо искать самим)

[@romanzubko8040]

В .radio-box { padding-left: 20px; } ничего не делает. Ошибка ? Только .radio-style { margin-left: -20px; } двигает span. Спасибо за видео, интересная тема)

[@manofsteppe179]

Отлично! Спасибо Вадос! Вот еще вариант стилизации от Макеева, на всякий, как вариант kzbin.info/www/bejne/e2fOfZSXhquWqrc

[@front_praxis]

Диплодок =)

[@surr3955]

Ребята не делайте так как он показал, пожалуйста! Пустые DOM элементы такие как "span.radio-style" это ЗЛО! Того же самого можно было бы добиться через задание класса label.custom-class + after и before.

[@wilezar4835]

Лейбэл, инпут, чекбокс, перестаскивает строчку как-то через другие строки(инпут закинул в лэйбл). Не, рано мне ещё такое.

[@vadymprokopchuk]

)))

[@denisk5606]

не работает переключение чекбоксов, вроде все делал по видео. Вообще сложное объяснение, запутанно, если тупо повторять.

[@magerrrr]

Like and subscribe!! also thx for the figma!

[@violentiner]

А чо без ренджа?Слабый шоль?=)