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

preview_player
Показать описание
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
Рекомендации по теме
Комментарии
Автор

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

jesustoxqui
Автор

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 🇦🇷

ignacioanezin
Автор

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

samueloliveira
Автор

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!!

Brutos
Автор

Clean codes and very beautiful UI. Love it!

seelietech
Автор

Youare the best, greetings from Colombia, Thanks for sharing

JQSDeveloper
Автор

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

aqilbekabilaev
Автор

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

devmayara
Автор

You're genius ❤️ I loved your works

ashanthilochana
Автор

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

adalbertof
Автор

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

lauricioweb
Автор

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).

sparklite
Автор

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

AlisherMakhmudov
Автор

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

soren.
Автор

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

Nagimulia
Автор

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!

jamjam
Автор

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...

bhargavvadla
Автор

Bro are you made resume builder portal full working website

adarshrathi
Автор

I love your VS Code theme! What is it?

advaithjoshi