Code Braces
Code Braces
  • 22
  • 50 335
Create Digital Clock In HTML CSS JS
"Learn making your customize digital clock using html css and javascript with few lines of code."
th-cam.com/channels/Gis9eoH6gyapb9DmgN1jxg.html
🎞Video Timestamps:
0:00 Preview
0:08 Structure of Digital Clock HTML
1:30 Aligning the div using Flexbox CSS
2:12 Adding fonts
4:34 Adding Colors and Background Color
4:58 Make the text glow
5:22 Finally the clock functionality using JavaScript
❤️❤️❤️THANKS FOR WATCHING ❤️❤️❤️
✨ HTML CSS and Javascript Projects
[th-cam.com/video/NlAw_kd2608/w-d-xo.html]
[th-cam.com/video/991rWzQCCfI/w-d-xo.html]
[th-cam.com/video/NlhwGsnEAEM/w-d-xo.html]
[Full Playlist]: [th-cam.com/play/PLjRHq3pqjVTvyYj8QtH0blveWPCPcy1dg.html]
⚠️ 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 for 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! 🚀
#javascriptproject
#htmlcssjavascriptproject
#javascript
#html
#css
#webdevelopment
#javascriptprojects
#webdesign
#programming
#coding
มุมมอง: 600

วีดีโอ

Drag and Drop File Input HTML CSS and JavaScript
มุมมอง 6517 หลายเดือนก่อน
Drag and Drop File Input HTML CSS and JavaScript
Calculator App in HTML CSS and JavaScript
มุมมอง 5K8 หลายเดือนก่อน
Calculator App in HTML CSS and JavaScript
Analog Clock HTML CSS Javascript Dark Mode
มุมมอง 40Kปีที่แล้ว
Analog Clock HTML CSS Javascript Dark Mode
Fish in Aquarium using HTML and CSS
มุมมอง 1.9Kปีที่แล้ว
Fish in Aquarium using HTML and CSS

ความคิดเห็น

  • @MustafaSadat-h4q
    @MustafaSadat-h4q 4 วันที่ผ่านมา

    Guys i have completed 4 projects plus this one all both need java script and it's not working on my visual code even though many times i check scrip code to ensure whether I'm conncted or not may you solve it please 😢❤

  • @sarfrazali-webdesigner
    @sarfrazali-webdesigner 29 วันที่ผ่านมา

    Sir my javascript is not working, please help me

  • @masudicval
    @masudicval หลายเดือนก่อน

    🐰🐇

  • @MirzaSubhanali.m
    @MirzaSubhanali.m หลายเดือนก่อน

    Please send me the complete structure of this clock

  • @bingchilling495
    @bingchilling495 2 หลายเดือนก่อน

    2:11 I think there is simpler way to do it through css font-weight for all the numbers instead of <b> </b

  • @MusharofHossain-kl6zv
    @MusharofHossain-kl6zv 3 หลายเดือนก่อน

    You are so talented man❤

  • @Jerryanamor
    @Jerryanamor 3 หลายเดือนก่อน

    Nice🎉

  • @mauriciocondoy2098
    @mauriciocondoy2098 4 หลายเดือนก่อน

    Hola una pregunta porque cuando pongo el código de JavaScript no hace funcionar de pronto me puedes ayudar

  • @callmebk730
    @callmebk730 5 หลายเดือนก่อน

    Sir work nahi kar raha hai

  • @WebDevXpert
    @WebDevXpert 6 หลายเดือนก่อน

    Creating a Basic Analog Clock with HTML, CSS, and JavaScript || JavaScript Clock || By WebDev Xpert : th-cam.com/video/d5WtJeHGHm0/w-d-xo.html

  • @qazimtahir
    @qazimtahir 6 หลายเดือนก่อน

    Superb 😀

  • @pramanandasarkar-sb4ut
    @pramanandasarkar-sb4ut 6 หลายเดือนก่อน

    nice clock by html css and js

  • @digsffx07
    @digsffx07 7 หลายเดือนก่อน

    Code bro

  • @saiitamatv
    @saiitamatv 7 หลายเดือนก่อน

    Braaaaaah nice

  • @codebraces
    @codebraces 7 หลายเดือนก่อน

    PART 1 - th-cam.com/users/shortsWqLOSU-LHkU Like and Subscribe ❤❤❤

  • @codebraces
    @codebraces 7 หลายเดือนก่อน

    PART 2 - th-cam.com/users/shortsIO4sSVmOheo Like and Subscribe ❤❤❤

  • @exorsauce644
    @exorsauce644 8 หลายเดือนก่อน

    Thank you for the video. Please upload more

  • @amirhosseinjafary2648
    @amirhosseinjafary2648 8 หลายเดือนก่อน

    The source

  • @pedrodavi_05
    @pedrodavi_05 10 หลายเดือนก่อน

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

  • @waleedhassanpanjtani
    @waleedhassanpanjtani ปีที่แล้ว

    My clock did'nt work. Kindly tell me.

  • @opivcm4566
    @opivcm4566 ปีที่แล้ว

    bro source code please

  • @romualdgildas6677
    @romualdgildas6677 ปีที่แล้ว

    ... j'aime bien ce que tu fais si seulement tu pouvais faire des tutoriels complets en C#

  • @betimmustafi2097
    @betimmustafi2097 ปีที่แล้ว

    can you send the source code

  • @vfxjmb
    @vfxjmb ปีที่แล้ว

    this guy is making me question my css skills

  • @cliffvincenttorrevillas9650
    @cliffvincenttorrevillas9650 ปีที่แล้ว

    Drop the source code♥️♥️🤧very beautiful

  • @chhayadubey3096
    @chhayadubey3096 ปีที่แล้ว

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

  • @tat-lyubch
    @tat-lyubch ปีที่แล้ว

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

  • @Cobalt_Chevrolet
    @Cobalt_Chevrolet ปีที่แล้ว

    Where is the code?

  • @Nemesis-db8fl
    @Nemesis-db8fl ปีที่แล้ว

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

    • @TabahiOnTheBeat
      @TabahiOnTheBeat ปีที่แล้ว

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

    • @S-Lomar
      @S-Lomar ปีที่แล้ว

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

    • @nkedemgildas3281
      @nkedemgildas3281 9 หลายเดือนก่อน

      Same dear I just noticed I know nothing in CSS😂

    • @veshaw.
      @veshaw. 6 หลายเดือนก่อน

      I don't even wanna live anymore 😭😭😭

  • @nogxz_l1554
    @nogxz_l1554 ปีที่แล้ว

    Good job

  • @BhikusFoodRecipes
    @BhikusFoodRecipes ปีที่แล้ว

    Hi @Code Braces, Kindly add more videos..... best of luck👏

  • @vikramchauchan4359
    @vikramchauchan4359 ปีที่แล้ว

    Very nice work, keep doing. dont stop yourself.

  • @omarzaky646
    @omarzaky646 ปีที่แล้ว

    How a greatness ❤❤

  • @arpitpandey2842
    @arpitpandey2842 ปีที่แล้ว

    Nice work bro

  • @inspiropeak511
    @inspiropeak511 ปีที่แล้ว

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

    • @codebraces
      @codebraces ปีที่แล้ว

      Its on the description. I downloaded it audio library

  • @francesco.paletta
    @francesco.paletta ปีที่แล้ว

    Thanks for you work! I love this Clock!

  • @passionforcoding
    @passionforcoding ปีที่แล้ว

    ❤❤❤Awesome 😊😊😊

  • @abdullahabada2222
    @abdullahabada2222 ปีที่แล้ว

    What n: 1means

    • @1newbbie
      @1newbbie ปีที่แล้ว

      css variable

  • @ibnhabous4939
    @ibnhabous4939 ปีที่แล้ว

    good work

  • @irfanhsajid1
    @irfanhsajid1 ปีที่แล้ว

    impressive work! Thanks for this.

  • @Factfinitys
    @Factfinitys ปีที่แล้ว

    good

  • @Factfinitys
    @Factfinitys ปีที่แล้ว

    very nice keep it bro you are a chem

  • @studyram-g6s
    @studyram-g6s ปีที่แล้ว

    good work bro make more videos