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
impressive work! Thanks for this.
Thanks for you work! I love this Clock!
Very nice work, keep doing. dont stop yourself.
How a greatness ❤❤
good work
❤❤❤Awesome 😊😊😊
Good job
thank you so much! i from Brazil and like your video, please continue with content!
good work bro make more videos
Nice work bro
good
Very good! My clock looks like moon elipse...
this guy is making me question my css skills
nice clock by html css and js
Drop the source code♥️♥️🤧very beautiful
Man i thought i knew css but after watching this video I'm not sure if i even know 10% of css
@TabahiOnTheBeat
10 ай бұрын
Not that hard sometimes he used clac function but it's easy topic.....😇
@S-Lomar
9 ай бұрын
🤣🤣😂😂😂🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣😂😂😂😂😂😂😂😂😂😂😂😂😂😂😂😂😂😂watch and do practice
@nkedemgildas3281
4 ай бұрын
Same dear I just noticed I know nothing in CSS😂
@veshaw.
Ай бұрын
I don't even wanna live anymore 😭😭😭
Bhai mere jo style ne jo( -- i=1) ye kya h...? Css variable bhi na h na hi ye koi style h... Hai kya?
Creating a Basic Analog Clock with HTML, CSS, and JavaScript || JavaScript Clock || By WebDev Xpert : kzread.info/dash/bejne/lmmL1qyeeKqunZM.html
bro source code please
can you send the source code
Where is the code?
My clock did'nt work. Kindly tell me.
Hy bro I want this background music 🎵 May you give me please 🥺
@codebraces
10 ай бұрын
Its on the description. I downloaded it audio library
The source
What n: 1means
@1newbbie
10 ай бұрын
css variable
Code bro
Sir work nahi kar raha hai