Analogue Clock UI using HTML, CSS & JavaScript

Поделиться
HTML-код
  • Опубликовано: 19 янв 2025

Комментарии • 18

  • @kshitijzutshi
    @kshitijzutshi 5 лет назад +4

    Amazing tutorial man! I have just started learning JS and Node. These kind of mini projects are really helpful with understanding the implementations of concepts!✌🏻

    • @TylerPotts
      @TylerPotts  5 лет назад +1

      That's awesome I'm happy they help! More to come over the next 30 days :D

  • @FlorinPop
    @FlorinPop 5 лет назад +4

    It’s actually 366 days 😜
    Thanks for the video!

    • @TylerPotts
      @TylerPotts  5 лет назад +1

      Ohh of course it's a leap year 😂

    • @FlorinPop
      @FlorinPop 5 лет назад +1

      Tyler Potts yup 😃

  • @jamesmassa1999
    @jamesmassa1999 4 года назад

    Hi Tyler, I'm looking around trying to solve a different problem... anyway, I'm grateful for persons like yourself who take the time to help others. : ) So about your comment towards the end... I can give you the CSS, markup, and svg's for the clock hands, that is, hour, minute, second. : ) How everything is positioned is in markup and CSS, our scripts are different but I don't see you having any difficulty replacing my script with yours.
    I can put the files up on Code Pen, or in a folder on google drive if you would like so that you can create a truly outrageous tutorial. : )

  • @joshduncan5645
    @joshduncan5645 5 лет назад +2

    Haven't had chance to watch with sound yet, so it's probably covered. But is there a simple fix for the jumping of the second hand when going from 59-60s? Great vid, thanks!

    • @TylerPotts
      @TylerPotts  5 лет назад +2

      Ha, to be honest I only noticed the jumping hand while I was recording, I'm sure there is something very simple you could do to fix it, maybe by removing the 'transition property' but I may revisit the pen and fix it later

    • @joshduncan5645
      @joshduncan5645 5 лет назад

      @@TylerPotts Yup, that's all it takes. Cheers!

  • @LARKXHIN
    @LARKXHIN 5 лет назад +1

    I can't get anything but the background of my CSS to appear :/ even after copy and pasting the CodePen (Just to check!) 😥

    • @soltiscd
      @soltiscd 5 лет назад

      same here...

    • @TylerPotts
      @TylerPotts  5 лет назад

      Hmm, that's weird I'll look into it. Which browser are you using?

    • @LARKXHIN
      @LARKXHIN 5 лет назад

      @@TylerPotts Firefox

  • @rahman-thecomputerguy7045
    @rahman-thecomputerguy7045 5 лет назад +2

    Thanks...

  • @soltiscd
    @soltiscd 5 лет назад +1

    Will it work without sass?

    • @TylerPotts
      @TylerPotts  5 лет назад

      Yes, all you need to do is use vanilla CSS, obviously you can't nest your selectors but you can do anything that sass does in normal css

    • @soltiscd
      @soltiscd 5 лет назад +1

      @@TylerPotts how would you use '"*: after "correctly?

    • @TylerPotts
      @TylerPotts  5 лет назад

      In normal CSS? Is .classname::after {}