Slider Tabs Like YouTube Using Vanilla JavaScript | Scrollable Navbar
HTML-код
- Опубликовано: 2 июн 2024
- In different websites (including RUclips), you might have seen the scrollable slider tabs that filter videos according to the user’s interest. If you’re curious about how to create it with vanilla JavaScript then in this video you’ll learn how to create scrollable Slider Tabs Like RUclips from scratch.
Slider tabs can be a useful UI component for videos, images, and blog sites that needs to filter the content based on the users’ interests.
📢 SUBSCRIBE my channel for more helpful 🎬videos
🔔 / @codingdesign
▶ SLIDER PLAYLIST
✅ • Image Slider (Carousel)
⌚Timestamps
00:00 Intro
01:03 HTML
02:21 CSS (UI Design)
12:17 JavaScript (Horizontal Scroll)
20:29 JavaScript (Scroll To Center)
21:29 JavaScript (Slide On Click)
23:49 JavaScript (Vertical Scroll)
25:33 Outro
🌎 Browser : Brave V.1.50
📝 Code Editor : VS Code
💠 Extensions : Live-Server
#slider #tabs
Oh yeaah
I love it
Keep going bro ❤❤
Thank you, I will
brilliant
hope you'll show your same l❤ve & support in the future too.
Great video 😊❤
Thanks for watching
❤❤❤
Thank you for the excellent class, a lot of this solution and it came at a good time! Your presentation is sensational, congratulations!
Glad it was helpful!
It was great and presentation was excellent 👏👏
Glad you liked it
Dude, you are a wizard! -- I love your stuff.
I have seen videos of how to create a Gantt chart with plain basic tables in Power BI or Excel by filling in cells with different colors, so I made a crappy looking version myself in HTML/CSS/JS. --- but I KNOW yours would look a thousand times better.
do you think you could be persuaded to make a video? -- just a thought
I think Within a month I'm gonna create separate video. But right now I'm busy in creating other contents.
Thanks for a good sample, but i am struggeling with one thing - lets say the background is white or dark - then it will not look god. any idea to solve this - then you really got a nice educational video that is really working.
You can use CSS variables for that. Actually I've created separate video on same topic. You can check out my another helpful video.
✅ ruclips.net/video/H89vG59kIvk/видео.html
Any idea how this can be integrated into a WordPress website using elementor page builder?
I'm sorry😭 I've no any idea.
Hi, this is cool. Can you please share the source code? Thank you so much.
I'm sorry right now it's unavailable.
Source code?
Right now, It's not available. Sorry😭.
What is the point if there is no source code? that means you only want to grab subscribers and likes BS@@CodingDesign
no code no use
It's useful when you invest your time.