Creating a Responsive Web UI Design with HTML, CSS, and JavaScript | ASMR Coding | No Talking
HTML-код
- Опубликовано: 15 июл 2024
- Welcome to my channel! In this video, I recreate a beautiful web UI design from Dribble by Dstudio using HTML, CSS, and JavaScript. Watch the entire coding session to learn how to build this impressive design step-by-step. Don't forget to like, comment, and subscribe for more ASMR coding tutorials. Your support helps me create more content for you!
This is inspired by DStudio on dribbble.com (dribbble.com/dstudiotech)
Here is the design link: dribbble.com/shots/23017910-W...
Check out the live demo:
ankur6580.github.io/CreditFC/
GitHub repo:
github.com/Ankur6580/CreditFC
This video is perfect for anyone looking to improve their front-end development skills with a relaxing, no-talking coding experience.
Music By: Stream Beats by Harris Heller (streambeats.com)
Timestamps:
0:00 - Intro
0:32 - Linking CSS, JS and Boxicon
0:55 - HTML structure
6:40 - Importing Google Font
17:30 - Making it Responsive
20:55 - Creating the sidebar
26:55 - Adding functionality to the sidebar (JS)
30:15 - Outro
Happy coding!
Great 👍
Thank you 👍