Responsive Analog Clock Ui Design Using HTML CSS & JavaScript ⏰ | Light & Dark Theme

Responsive Analog Clock Ui Design Using HTML CSS & JavaScript ⏰ | Light & Dark Theme

📁 Assets

⚙️ Other Utilities

HSL color mode

⤵️ Source code

🔔 Subscribe for more!

⏱ Timestamps
0:00 Intro
1:21 Project setup
3:09 Variables Css
5:48 Reset Html
6:26 Reusable Css
6:48 Clock Neumorphism Html
8:52 Clock Neumorphism Css
16:36 Clock Neumorphism Js
19:33 Clock & Date Text Html
20:44 Clock & Date Text Css
22:13 Clock Text Js
27:30 Date Text Js
29:00 Light & Dark Theme
35:13 Media queries
36:11 Clock Change Color

⤵️ Follow me

☕️ Support me, buy me a coffee

👍 Thanks for watching!
Make sure to like + Subscribe For More! ❤

🎵 Music
Song: Vendredi - Good Love
Music provided by Vlog No Copyright Music.
Creative Commons - Attribution 3.0 Unported

Song: AERØHEAD - Leaving
Music provided by Vlog No Copyright Music.
Creative Commons - Attribution-ShareAlike 3.0 Unported

#responsiveclock #clockhtmlcss #bedimcode

[jesustoxqui]

OMG you're so so so good, i really love your design :3, i am student of engineering and i started to do somo designs of UI/UX, i think this channel is one of te best that i could have found

[ignacioanezin]

Outstanding work man! Keep it up, u have teach me a ton, keep crushing those well looking designs and turn them into code. U one of the goats at it. Arriba Perú! 🇵🇪. Saludos desde Argentina 🇦🇷

[samueloliveira]

I loved the design and how the final result was, I learned a lot watching you using the variables, because with them you can change the color of the site very quickly, you and I are similar because I always comment on my codes so I don't get lost. Well if you give me permission I would like to include this project in my portfolio, with no intention of making money or anything like that, I would love it. <3

[Brutos]

Meus parabéns pelo seu trabalhos !! Obrigado por compartilhar seus conhecimentos e sua ideias, por nos ensinar!!
Congratulação on your work !! Thanks for sharing your knowledge and your ideas, for teaching us!!

[seelietech]

Clean codes and very beautiful UI. Love it!

[JQSDeveloper]

Youare the best, greetings from Colombia, Thanks for sharing

[aqilbekabilaev]

I love it bro Good Luck Keep going !!! 😎🤞🤞

[devmayara]

Uma calculadora minimalista como esse relógio ficaria lindo. 😍

[ashanthilochana]

You're genius ❤️ I loved your works

[adalbertof]

Amo seu trabalho! tá me ajudando muito nos estudos
😁

[lauricioweb]

Una tfe pcew juetu madfoe vier uroijn ! Jopw seniw maifr😄

[sparklite]

I am having a problem in HTML .
Image is not showing/loading in Browser
(Firefox) when html file is opened.
I want image as background.
My html file is in folder in D: drive and my image is in F: drive. I am using VS CODE
(system setup).

[AlisherMakhmudov]

very nice looking, but i would make am, pm status as an absolute element

[soren.]

How to record or capture good quality for uploading in social media?

[Nagimulia]

Hello, in date hh why * 30? Explain, please

[jamjam]

Please can you recommend any books or resources for me on the visual aspect? I find it difficult to choose the right combination of colors or to make my projects stand out!

[bhargavvadla]

As u showed the code for bob.svg is somewhat differ when compared to the one i downloaded from bobmaker ..WIll you tell me how to have bob code as u show in portofolio vide0...

[adarshrathi]

Bro are you made resume builder portal full working website

[advaithjoshi]

I love your VS Code theme! What is it?