Тёмный

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

От 0 до 1
Подписаться 86 тыс.
Просмотров 25 тыс.
50% 1

Опубликовано:

 

21 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 86   
@ДагунСултаев
@ДагунСултаев 4 года назад
Реально во всем Ютубе , среди кучи воды и роликов , автор самый красавчик , все четко
@vadymprokopchuk
@vadymprokopchuk 4 года назад
благодарю
@ДанилТерновой-х2ч
@ДанилТерновой-х2ч 3 года назад
Вадик один из немногих !
@smakaev
@smakaev Год назад
согласен, уже который раз спасает. для русскоязычного сегмента редкость.
@thepoison3967
@thepoison3967 3 года назад
Вадим привет. Начал смотреть тебя со старых видео, и в первые увидел тебя без очков, какие же у тебя красивые глаза.
@igr3943
@igr3943 4 года назад
Каждый раз твои видосы как глоток свежего воздуха в удушливую погоду. Спасибо огроменное!
@vadymprokopchuk
@vadymprokopchuk 4 года назад
спасибо, супер)
@strangechannel4589
@strangechannel4589 3 года назад
Я знаю это, но все равно смотрю, очень хочется поддержать. Спасибо, что ты есть. Бесплатно и доступно. Курсы тоже очень доступные, если есть желание учиться. Ребята, не пожалейте 150 -250 бачей, оно того стоит, ради будущего!
@HelgaOz
@HelgaOz 3 года назад
спасибо! самый понятный мануал из всего что видела до сих пор
@ВероникаСтегниенко
Это лучшее объяснение по стилям radio button , спасибо огромное!
@ЮлияМамырбаева
@ЮлияМамырбаева 2 года назад
Огромное спасибо за Ваши уроки - это просто клад! Я можно сказать совсем новичок, но тут на все свои трудности нахожу ответы простым языком! От души благодарю и желаю процветания
@vadymprokopchuk
@vadymprokopchuk 2 года назад
Спасибо, я рад )
@MagnusVictorinus
@MagnusVictorinus 4 года назад
Спасибо, Мастер! Мы уже с тобой так знакомы, а ты этого даже не знаешь)) По твоим видео)
@vadymprokopchuk
@vadymprokopchuk 4 года назад
это да)
@EduardHoncharov
@EduardHoncharov 2 года назад
Попал на это видео после верстки многостраничника) Спасибо, понятно обьяснил
@peterparker3794
@peterparker3794 4 года назад
Слушай, только сегодня искал инфу как делать радио и чекбоксы,ты прям вовремя 😉
@vadymprokopchuk
@vadymprokopchuk 4 года назад
отлично!
@ВікторЦісар-м7х
@ВікторЦісар-м7х 4 года назад
Как раз такую вечеринку стилил на макете. Как знал шеф) Спасибо за видео.
@tatianaagapkina8658
@tatianaagapkina8658 4 года назад
Ой, кайф, новый видос! Стилизовала чекбоксы всего один раз, было утомительно))) посмотрю твой видос, чтобы убыстриться!
@realshowcast1362
@realshowcast1362 4 года назад
Вадим супер! Щас как раз очень нужно было в этом разобраться, я даже не ожидал! Спасибо.
@ArtemNi
@ArtemNi 4 года назад
Вадим, привет. Спасибо огромное. Понятно, доступно, актуально! ) В общем как всегда респект и Лайк!)
@apexnuts9785
@apexnuts9785 3 года назад
у кого не срабатывает обводка при нажатии на Tab (19:23) добавьте ко всем вот это - tabindex="0". Мне помогло.
@PeltorHennadii
@PeltorHennadii 3 года назад
Какое счатье, что нашел твои уроки! Подробно, понятно, хорошие не детские примеры, и очень доходчиво наглядно объясняешь - спасибо тебе самое огромное! И с юморком!) Марафоны вообще огонь, по ним можно новой специальностью овладеть Продолжай!)) Было бы интересно какие-то более сложные страницы на wordPress посажать
@andriypetrovskiy4631
@andriypetrovskiy4631 4 года назад
Супер! Спасибо! А сделаешь, еще видео такого же плана, только по SELECT?
@Виктор-ж2р2и
@Виктор-ж2р2и 4 года назад
Про select много видео на ютубе есть. Но на такое я не натыкался, ну я как бы и не искал. По сути можно сделать свои select и radio и check кнопки сделать как свою личную библиотеку. Без jquery плагинов и т. д.
@marynapastukhova8119
@marynapastukhova8119 3 года назад
Вы очень доступно объясняете, спасибо большое!
@igorkiklevich7300
@igorkiklevich7300 4 года назад
Прикольно! Как ни странно, оказалось полезное информацией! Раньше всегда делал через JS и display none. Аналогично и с Select. Единственное, что, насчёт отношения Гугла к сайту с отмененным outline - думаю, что это все сказки) никак оно не влияет на отношение к сайту и ротацию в поисковиках)
@Alexus1504
@Alexus1504 4 года назад
Супер!!! Вадим, сделай пожалуйста видео про градиенты( как задать направление градиенту, как сделать его плавно переходящим в прозрачный) . И про бордеры! Как их сделать плавно прозрачными (допустим в правой или в левой части).
@Григорий-в2к
@Григорий-в2к 3 года назад
круто, теперь я понял как это делать, только вот хотелось еще видос про стилизацию input type="range" , было бы вообще огонь
@AlesiaP-y9t
@AlesiaP-y9t 4 года назад
Спасибо, видео крутое! Всё очень доступно и интересно)) как же мало я знаю css свойств..))
@СлаваБогузавсё-щ6д
Было бы интересно посмотреть на такой же универсальный метод реализации выпадающих многоуровневых меню, а то на всех ютубовских мастер-классах верстают простенькие менюшки. Заранее спасибо!)
@ДагунСултаев
@ДагунСултаев 4 года назад
Самая четкая вечеринка😉 согласен с комментариями ниже, видео жду лично я прям 24 часа в сутки, 7 дней в неделю 💪
@ЖмыхДушистый
@ЖмыхДушистый 4 года назад
Ну и балдеееж, очень полезно. Спасибо) хотелось бы видеть видосики почаще))) но я не настаиваю... возможно только чуть чуть, но не сильно... ну ты понял) не болей😉
@vadymprokopchuk
@vadymprokopchuk 4 года назад
да, и я хочу)
@DrGurgen
@DrGurgen 4 года назад
You know, I have to say, it's absolutely brilliant)))
@Serezha-y9r
@Serezha-y9r 4 года назад
Четко ) спасибо Вадим 👍
@АлексейСтупников-д4у
Здравствуйте! Благодарю за видео!
@ГеоргийАкопьян
@ГеоргийАкопьян 2 года назад
Громадное спасибо, очень кстати!!!!!!!!!!!
@redsky0043
@redsky0043 3 года назад
Просто, доступно, цікаво!))
@FaYrUsinc
@FaYrUsinc 4 года назад
Вот думаю, что знаю как это делать, просто посмотрю новый видосик от Вадосика, так нет же, всё равно удивит и что-то новое расскажет. Не знал что их нехорошо отключать через display: none, а нужно вот так скрывать или подобным образом. Спасибо, буду знать
@yuriybondaruyk1145
@yuriybondaruyk1145 4 года назад
Где ж ты был с этим в июне?? Сейчас бы меньше правил(((( А видос - класс. Все проблемы человечества решил! Пуанкаре разгадали, чекбоксы застилили, чего еще там осталось? Спасибо! ПС - почему инсту забросил?
@denpro9712
@denpro9712 4 года назад
Какие люди :) Бонжорно.
@vadymprokopchuk
@vadymprokopchuk 4 года назад
DEN PRO привет привет )
@valerypobelenskiy1001
@valerypobelenskiy1001 4 года назад
Вадосик ты как то говорил что с зала выползаешь каждую тренировку ) может все таки надо сбавить обороты с учетом твоей ментальной работы да и в целом эт же быстрей тебя к перетрену приведет или запал скиснет быстрее ) я слышал что тут надо все варьировать )
@voidout3124
@voidout3124 4 года назад
Шикарный разбор! Спасибо
@amalexdevelop
@amalexdevelop 2 года назад
спасибо, заебись контент, то есть вечеринка.
@bigmathato8131
@bigmathato8131 3 года назад
Очень полезное, интересное видео.
@pythononelove5882
@pythononelove5882 4 года назад
Как всегда топ))
@videobox5776
@videobox5776 4 года назад
Вадим, при всем уважении, спасибо тебе за твои труды, а видос по js будет?
@dosxanzada
@dosxanzada 4 года назад
лайк + подписка! Удачи во всем!
@marpusik1277
@marpusik1277 4 года назад
ТЫ ЛУЧШИЙ!!! ;)
@vadymprokopchuk
@vadymprokopchuk 4 года назад
спасибо)
@dmitryvarnavskikh5648
@dmitryvarnavskikh5648 3 года назад
Может уже спрашивали об этом в комментах, но я чет не видел... Вадим, скажите плз, какую тему в VSCode вы используете? Сколько не гуглил, именно такого варианта не смог найти. One Dark Pro похожа по цветам синтаксиса, но общий бэкграунд значительно светлее, что не очень радует глаз т.к. привык к более темному, как у вас. В следствие этого использую только стандартную "Dark + default dark". У нее цвета синтаксиса не так радуют конечно, как в вашем варианте
@vadymprokopchuk
@vadymprokopchuk 3 года назад
material
@dmitryvarnavskikh5648
@dmitryvarnavskikh5648 3 года назад
@@vadymprokopchuk Нашел, спасибо!
@СергейПресняков-о4р
Так это почти 1 в 1 урок Вадима Макеева "Кастомные чекбоксы правильно"
@ЕвпатийКоловрат-г1с
Вадим спасибо!
@АзизАслиев
@АзизАслиев 3 года назад
Топ как всегда 🔥 🔥
@ThePowerPuffed
@ThePowerPuffed 3 года назад
Лучший!
@v-pele
@v-pele 3 года назад
Спасибо!!!
@veronikas.1347
@veronikas.1347 3 года назад
То, что было нужно
@hennadiikhudolieiev2198
@hennadiikhudolieiev2198 4 года назад
Сними видео «натяжка верстки на вордпресс»
@igorDevIt
@igorDevIt 3 года назад
А свойство для инпута appearance подходит для использование? Скрытие стандартного инпута?
@baton4iki
@baton4iki 4 года назад
О,спасибо)
@user-eo9nl7ml8d
@user-eo9nl7ml8d 4 года назад
Отлично! Спасибо! Можешь исходники разместить в инфобоксе?
@serhiiretsenko2237
@serhiiretsenko2237 4 года назад
Годнота =)
@witalion
@witalion Год назад
Все красиво конечно, но на радио кнопках не работает фокус с tab и включение радио-кнопок с пробела. Т.е. много сказано о доступности, но не реализовано. Вывод верстка нежизнеспособна? или я не с той стороны смотрю. я студент и не пониманию пока. Нам тут на курсах задают задачу это всё реализовать, как это сделать конечно надо искать самим)
@ГеоргийЛизько
@ГеоргийЛизько 4 года назад
Очень круто, как и когда можно пройти платный курс ?
@romanzubko8040
@romanzubko8040 3 года назад
В .radio-box { padding-left: 20px; } ничего не делает. Ошибка ? Только .radio-style { margin-left: -20px; } двигает span. Спасибо за видео, интересная тема)
@Sacar666
@Sacar666 2 года назад
Почему самому инпуту не делать афтер, бефор элементы и не использовать спан?с размером 1пх его не будет видно за нашими псевдообъектами
@Gazon1155
@Gazon1155 3 года назад
Спасибо огромное за полезный видос) Может мне кто-нибудь объяснить, как ширина и высота сработала на строчном элементе
@marynapastukhova8119
@marynapastukhova8119 3 года назад
Не думаю, что еще актуально, но элементу label было присвоено свойство display block, поэтому.
@Gazon1155
@Gazon1155 3 года назад
@@marynapastukhova8119 Владос ещё span'у задал position: absolute; Может в этом дело, а то я думаю display: block никак не повлиял на это
@Алекс-р7у
@Алекс-р7у 4 года назад
Материал - топ! Впрочем, как обычно, это же Вадим)) Если не затруднит, подскажите в каком направлении копать, чтобы сделать карточку товара, как в примере xn----8sbnmcidde2b.xn--80adxhks/#catalog Чтобы при клике по размерам менялась цена, и при нажатии кнопки Заказать, в заказ ушел именно выбранный товар и размер. Может есть на примете урок по решению схожей проблемы.. Заранее благодарю!
@in4ernoblade
@in4ernoblade 4 года назад
можно больше черных историй ?
@Александр-е4ы1ъ
@Александр-е4ы1ъ 4 года назад
Повторил. В целом, получилось. Но не понял, почему у меня сами чекбоксы чуть выше уровня текста. Код сверил два раза.
@Gazon1155
@Gazon1155 3 года назад
19:27 А можно ли сделать так чтобы при нажатии не появлялась эта тень (чтобы только появлялась при нажатии tab), но и accessibility чтобы не ругался 19:47 Вот тут при нажатии появляется тень
@surr3955
@surr3955 4 года назад
Ребята не делайте так как он показал, пожалуйста! Пустые DOM элементы такие как "span.radio-style" это ЗЛО! Того же самого можно было бы добиться через задание класса label.custom-class + after и before.
@Verycoolvideosify
@Verycoolvideosify 6 месяцев назад
10:15 как поставить тоже так много курсоров?
@manofsteppe179
@manofsteppe179 3 года назад
Отлично! Спасибо Вадос! Вот еще вариант стилизации от Макеева, на всякий, как вариант ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-E6kLaaQFctU.html
@front_praxis
@front_praxis Год назад
Диплодок =)
@magerrrr
@magerrrr 4 года назад
Like and subscribe!! also thx for the figma!
@wilezar4835
@wilezar4835 4 года назад
Лейбэл, инпут, чекбокс, перестаскивает строчку как-то через другие строки(инпут закинул в лэйбл). Не, рано мне ещё такое.
@vadymprokopchuk
@vadymprokopchuk 4 года назад
)))
@denisk5606
@denisk5606 3 года назад
не работает переключение чекбоксов, вроде все делал по видео. Вообще сложное объяснение, запутанно, если тупо повторять.
@violentiner
@violentiner 4 года назад
А чо без ренджа?Слабый шоль?=)
Далее
Разбор верстки подписчиков
2:38:32
These Are Too Smooth 😮‍💨
00:57
Просмотров 6 млн
She Couldn’t Believe I Did This! 😭 #shorts
00:12
Frontend 2023 | Lecture #7
1:07:07
Просмотров 83
Стилизация checkbox, radio, select на CSS
23:33
These Are Too Smooth 😮‍💨
00:57
Просмотров 6 млн