Creating a Responsive Web UI Design with HTML, CSS, and JavaScript | ASMR Coding | No Talking

Sdílet
Vložit
  • čas přidán 15. 07. 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!

Komentáře • 2