Netflix has some incredible UI, but at the core of all its UI features is the video carousel. This is a simple looking piece of UI, but it is incredibly complex. In this video I attempt to recreate this UI component live for the first time.


Materials/References:

GitHub Code: https://github.com/WebDevSimplified/netflix-sliding-movie-ui


Find Me Here:

My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified


⏱️ Timestamps:

00:00 - Introduction
00:55 - Planning
02:10 - Slider HTML
03:53 - Slider CSS
10:06 - Slider Left/Right Buttons
33:53 - Slider Progress Indicator
52:31 - Slider Wrapping


#NetflixCSS #WDS #LiveCoding