Skip to content
Submitted over 4 years ago

Mobile first with HTML, Sass and jQuery

Dina•460
@dinakonto
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Fylo data storage component
  • HTML
  • CSS
2junior

Design comparison

SolutionDesign

Solution retrospective

How could I have structured my .js better? I also had trouble with jQuery $("") selectors not working in some functions but couldn't work out why.

How can I get more control over the bar animation and make it smoother?

Community feedback

  • Matt Studdert•13,611
    @mattstuddertPosted over 4 years ago

    Awesome work on this challenge, Dina! I like that you've used JS to realistically calculate the progress bar position. Your JS looks good and is well structured. One thing I would is if you're going to use jQuery you might as well use it consistently for selecting elements. You're currently mixing plain JS document.getElementById with jQuery $() in different parts of the code.

    I also found this jQuery plugin to help control the easings of the transition: https://github.com/rdallasgray/bez.

    I hope that helps! Keep up the great work! 👍

    0

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord