How to make a Card Slider in HTML CSS JavaScript | Carousel Tutorial

  Рет қаралды 19,353

Devression

Devression

Күн бұрын

Пікірлер: 23
@thunderx7778
@thunderx7778 11 ай бұрын
love you broo!!!!!
@dev_ression
@dev_ression 11 ай бұрын
Love you too bro!
@charlesokorobo508
@charlesokorobo508 3 ай бұрын
I wished you also made it possible for it to Auto-scroll : such that without human interaction, the cards can continue sliding infinitely. Would you improve this to also include auto-scrolling? Regards.
@nalain_Abbas123
@nalain_Abbas123 11 ай бұрын
How we can make auto slider?? please advice me
@strandingstranger
@strandingstranger 2 жыл бұрын
seeing just 67 views on this video saddens me fr, u deserve more
@dev_ression
@dev_ression 2 жыл бұрын
Thank you bro. Made my day!
@PoepKak-oh2wp
@PoepKak-oh2wp Жыл бұрын
Hey, do you have anyway to make these responsive? on phone these sliders will not work
@dev_ression
@dev_ression Жыл бұрын
I would suggest using media queries in your CSS to display 1 card at a time on the screen when in phone size
@lubenstefano3139
@lubenstefano3139 9 ай бұрын
IT'S IMPORTANT !! Can I use the Swiper Library in public projects, is it actually free to use and no copyrighted ?? Waiting for your response ! c:
@dev_ression
@dev_ression 9 ай бұрын
You’ll have to do some research but from my knowledge, you can!
@lubenstefano3139
@lubenstefano3139 9 ай бұрын
@@dev_ression thanks !! 😇
@nanaagyemang230
@nanaagyemang230 9 ай бұрын
Hello Sir, please this video is Awesome but I am facing some Challenges, my cards are not moving as expected, and also ;the division of the cards did not take place. can please help me out? because ive gone through the code over and over again and i acnt fint what the problems is
@ahmetsoner9106
@ahmetsoner9106 11 ай бұрын
Emeğine sağlık ❤
@sviatoslavnovosiadlyi611
@sviatoslavnovosiadlyi611 2 жыл бұрын
dont say u make slider, when you are using 3rd party library for that
@dev_ression
@dev_ression 2 жыл бұрын
I never said it was vanilla. If you want to see the slider made from scratch, go look at the other video on my channel where I made the slider completely vanilla.
@Djsore22
@Djsore22 Жыл бұрын
The shame is not vanilla but equals good job
@dev_ression
@dev_ression Жыл бұрын
I made a vanilla version on my channel earlier if you want to check that out :)
@fvgoya
@fvgoya Жыл бұрын
@@dev_ression man, you already did an AMAZING job on your previous carousel video, because very few people create carousel using Vanilla JS. However, do you think is possible you update that video (creating a new one) os just the files but add the infinite loop, same as in this library?? I don't know why, EVERY VIDEO (which is already is few videos) create the carousel but with NO infinity loop. And infinity loop is AMAZING!!!! Do you know what I mean? Anyway, thanks very much for the content. I subscribed now!
@dev_ression
@dev_ression Жыл бұрын
@@fvgoya Hey man, thank you for the kind words! I'm glad the video helped you. I will do my best to create a an updated carousel with an infinity loop in an upcoming video :)
@fvgoya
@fvgoya Жыл бұрын
@@dev_ression awesome!!! Thank you and thank you for answer my comment. Cheers!
@Djsore22
@Djsore22 Жыл бұрын
@@dev_ression oh great bro I'll checkit out
@musicbyrish
@musicbyrish Жыл бұрын
thanks for the code
@dev_ression
@dev_ression Жыл бұрын
Thanks for watching!
How To Create An Animated Image Carousel With CSS/JavaScript
14:10
Web Dev Simplified
Рет қаралды 276 М.
Build a JavaScript IMAGE SLIDER in 15 minutes! 🖼️
15:49
Bro Code
Рет қаралды 56 М.
Smart Sigma Kid #funny #sigma
00:33
CRAZY GREAPA
Рет қаралды 31 МЛН
I was just passing by
00:10
Artem Ivashin
Рет қаралды 18 МЛН
Create product slider in html , css and javascript
13:29
CG Cycles
Рет қаралды 6 М.
How To Make A Calculator Using HTML CSS And JavaScript
19:01
GreatStack
Рет қаралды 936 М.
How to make Card Slider in React JS | React Slick
9:03
Etisha Garg
Рет қаралды 157 М.
Learn CSS Flexbox in 20 Minutes (Course)
20:37
Coding2GO
Рет қаралды 265 М.