Analog Clock HTML CSS Javascript Dark Mode

Тәжірибелік нұсқаулар және стиль

"Learn to make your own Analog Clock using Javascript with just few codes."
/ @codebraces
In this video, we will create and design a dark with glowing effects analog clock using basic code of html, css and javascript. First, we will create from the basic by creating our analog clock using html code by adding numbers and hands of the clock with simple css design. Then, we will add a functionality to make the clock work by adding javascript code. Finally, we will finalize the design of our analog clock by making it dark and put some glowing effects.
🎞Video Timestamps:
0:00 Intro.
0:15 Creating clock numbers.
2:47 Creating clock hands.
4:35 Adding javascript code to make the clock hands work.
6:45 Finalizing the design.
✨ HTML CSS and Javascript Projects
[Drag and Drop File Input]: [ • Drag and Drop File Inp... ]
[Calculator]: [ • Calculator App in HTML... ]
[Fist in Aquarium]: [ • Fish in Aquarium using... ]
[Full Playlist]: [ • HTML, CSS and Javascri... ]
⚠️ Important Notice:
This video is a silent journey through the code, perfect for those who prefer to learn without commentary, focusing solely on the development process.
👩‍💻 Why This Format?
I understand that everyone has their unique learning style. Some find music and words distracting, while others thrive on detailed explanations. This video caters to visual learners and those who appreciate the tranquility of coding in silence, making it a perfect fit for focused learning sessions or background inspiration.
💡 Did You Enjoy This Video?
Hit that Like button and Subscribe to my channel ‪@codebraces‬ more coding adventures! Don’t forget to ring the bell 🔔 so you won’t miss any of my future videos.
💬 Got Questions or Feedback?
Your thoughts mean the world to me! Drop a comment below with your questions, feedback, or even suggestions for future videos. I'm all ears and here to support your coding journey.
💡 Code Smart NOT Hard 💡
🚀 Until Next Time, Keep Coding and Be Awesome! 🚀
#analogclock
#htmlcssjavascriptproject
#diyclock
#htmltutorial
#csstutorial
#javascripttutorial

Пікірлер: 33

  • @irfanhsajid1
    @irfanhsajid111 ай бұрын

    impressive work! Thanks for this.

  • @francesco.paletta
    @francesco.paletta10 ай бұрын

    Thanks for you work! I love this Clock!

  • @vikramchauchan4359
    @vikramchauchan435910 ай бұрын

    Very nice work, keep doing. dont stop yourself.

  • @omarzaky646
    @omarzaky64610 ай бұрын

    How a greatness ❤❤

  • @ibnhabous4939
    @ibnhabous493911 ай бұрын

    good work

  • @passionforcoding
    @passionforcoding10 ай бұрын

    ❤❤❤Awesome 😊😊😊

  • @nogxz_l1554
    @nogxz_l155410 ай бұрын

    Good job

  • @pedrodavi_05
    @pedrodavi_055 ай бұрын

    thank you so much! i from Brazil and like your video, please continue with content!

  • @user-fw5nd4dk6k
    @user-fw5nd4dk6k11 ай бұрын

    good work bro make more videos

  • @arpitpandey2842
    @arpitpandey284210 ай бұрын

    Nice work bro

  • @Factfinitys
    @Factfinitys11 ай бұрын

    good

  • @tat-lyubch
    @tat-lyubch10 ай бұрын

    Very good! My clock looks like moon elipse...

  • @vfxentity
    @vfxentity10 ай бұрын

    this guy is making me question my css skills

  • @pramanandasarkar-sb4ut
    @pramanandasarkar-sb4ut2 ай бұрын

    nice clock by html css and js

  • @cliffvincenttorrevillas9650
    @cliffvincenttorrevillas965010 ай бұрын

    Drop the source code♥️♥️🤧very beautiful

  • @Nemesis-db8fl
    @Nemesis-db8fl10 ай бұрын

    Man i thought i knew css but after watching this video I'm not sure if i even know 10% of css

  • @TabahiOnTheBeat

    @TabahiOnTheBeat

    10 ай бұрын

    Not that hard sometimes he used clac function but it's easy topic.....😇

  • @S-Lomar

    @S-Lomar

    9 ай бұрын

    🤣🤣😂😂😂🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣😂😂😂😂😂😂😂😂😂😂😂😂😂😂😂😂😂😂watch and do practice

  • @nkedemgildas3281

    @nkedemgildas3281

    4 ай бұрын

    Same dear I just noticed I know nothing in CSS😂

  • @veshaw.

    @veshaw.

    Ай бұрын

    I don't even wanna live anymore 😭😭😭

  • @chhayadubey3096
    @chhayadubey309610 ай бұрын

    Bhai mere jo style ne jo( -- i=1) ye kya h...? Css variable bhi na h na hi ye koi style h... Hai kya?

  • @WebDevXpert
    @WebDevXpertАй бұрын

    Creating a Basic Analog Clock with HTML, CSS, and JavaScript || JavaScript Clock || By WebDev Xpert : kzread.info/dash/bejne/lmmL1qyeeKqunZM.html

  • @opivcm4566
    @opivcm45668 ай бұрын

    bro source code please

  • @betimmustafi2097
    @betimmustafi20979 ай бұрын

    can you send the source code

  • @Cobalt_Chevrolet
    @Cobalt_Chevrolet10 ай бұрын

    Where is the code?

  • @waleedhassanpanjtani
    @waleedhassanpanjtani7 ай бұрын

    My clock did'nt work. Kindly tell me.

  • @inspiropeak511
    @inspiropeak51110 ай бұрын

    Hy bro I want this background music 🎵 May you give me please 🥺

  • @codebraces

    @codebraces

    10 ай бұрын

    Its on the description. I downloaded it audio library

  • @amirhosseinjafary2648
    @amirhosseinjafary26483 ай бұрын

    The source

  • @abdullahabada2222
    @abdullahabada222211 ай бұрын

    What n: 1means

  • @1newbbie

    @1newbbie

    10 ай бұрын

    css variable

  • @digsffx07
    @digsffx072 ай бұрын

    Code bro

  • @callmebk730
    @callmebk73017 күн бұрын

    Sir work nahi kar raha hai

Келесі