Freelancer: delfiniii
Share:
Report Entry

Updated Entry - Metronome Classic and Vector

Hi, here's the updated version. It contains both classic and vector/flat-style skins. In the demo page, I've added 2 checkboxes for preview purposes. One is for turning on the BG, the other is for changing the skins. Check the demo here: https://automataph.com/metronome/

Contest Entry #7 for                                                 A metronome for my website

Public Clarification Board

  • EmmanuelThomas1
    EmmanuelThomas1
    • 5 years ago

    Congratulations Delfin keep it up!

    • 5 years ago
    1. delfiniii
      delfiniii
      • 5 years ago

      Thanks!

      • 5 years ago
  • MonkimoE
    MonkimoE
    • 5 years ago

    You already done it. nice one. Good luck bro for your first client. Go on...

    • 5 years ago
    1. delfiniii
      delfiniii
      • 5 years ago

      Thanks!

      Although this is not my first client here at Freelancer, I've already won other contests but I only visit this site casually whenever I have some free time from my full-time job.

      • 5 years ago
  • Inspireinson
    Contest Holder
    • 5 years ago

    It looks great mate! Good job, let me know if you find any glitches Of spoke of. I'm very happy with it :)

    • 5 years ago
  • delfiniii
    delfiniii
    • 5 years ago

    Demo page: https://automataph.com/metronome/

    For revisions, message me directly so I can respond faster.

    • 5 years ago
    1. Inspireinson
      Contest Holder
      • 5 years ago

      there are a few little glitches , I tested on 147 and the click is there but metronome kept sticking.

      • 5 years ago
    2. delfiniii
      delfiniii
      • 5 years ago

      Oh, okay. I'm suspecting its a CSS3 animation issue. On what device and what browser did you experience that issue? So I can trace the problem.

      During development, I've tested the metronome on Chrome, Vivaldi, Microsoft Edge, and Safari. The metronome works fine on those browsers when using a computer. But on mobile phones, it will depend on the specs of the device. For example, low-end phones will have trouble rendering the fast animation of the metronome.

      • 5 years ago
  • Inspireinson
    Contest Holder
    • 5 years ago

    that is very very cool mate!!

    The only thing i would suggest is moving the 2 check boxes as you cant see them on some screens so I didnt know they were there, but that is spot on what I was looking for

    • 5 years ago
    1. Inspireinson
      Contest Holder
      • 5 years ago

      and , is the bg easily changed?

      • 5 years ago
    2. delfiniii
      delfiniii
      • 5 years ago

      The 2 checkboxes are not exactly part of the plugin (Metronome code). I just added them for preview purposes so you can easily evaluate the design of the metronome. (i.e. how it blends on pages with backgrounds, how the 2 available skins look).

      I coded the plugin as shortcode based so you can easily place them anywhere on your site. For example, you can add it on widgets, floating columns, etc. And because the metronome is transparent, it will look fine anywhere.

      So in essence, the BG is easily changed since you can put the shortcode on an existing page (or container) which already has a background.

      • 5 years ago

Show more comments Processing...