Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Mobile first with HTML, Sass and jQuery

Dina 460

@dinakonto

Desktop design screenshot for the Fylo data storage component coding challenge

This is a solution for...

  • HTML
  • CSS
2junior
View challenge

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

P
Matt Studdert 13,611

@mattstuddert

Posted

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
Discord logo

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