Design comparison
Solution retrospective
This is the first project that was quite difficult for me. I think my Javascript code is very bad. Assuming that I have recently known Javascript, that I don't know how to use jQuery, or other libraries / frameworks, how could it be rewritten? is it that bad?
Thanks!
Community feedback
- @abhik-bPosted almost 4 years ago
Hey Marco π First of all I would like to make this very clear your Javascript code is not bad at all, rather it is better than a lot of devs(including me)π―.
Your final product is really amazing and transitions have given life to itπππ
However you can improve it (these are just opinions only)
- add
overflow: hidden
so that when your theme changes the animation is smooth - for changing theme you have created a big function however you can minimize it a 5-6 lines function using css variables this is how I did while creating this solution you can use it as a reference
- instead of img tags you can use div tags and set
background-image
for differentmedia queries using css
and then probably animate the div inside the function you create in point 2 - I have been told that setting
innerHTML
is not safe to use , even though it's perfect for this solution but later on try to avoid it on real projects other wise it can be used to insert malicious scripts by hackers
Assuming that you are a javascript beginner , you have done amazing job , most importantly you have a great sense of design as I see through our solution.
Hope this helps π
2@MarcoCarpoPosted almost 4 years agoHey @abhik-b! Thank you so much for all your tips, I will try to apply them to improve myself for the next challenge!
1 - add
- @ApplePieGiraffePosted almost 4 years ago
Hey, Marco! π
Nice job on this challenge! The transition between light/dark themes is pretty cool! π Your todo list works rather well, too! π
I suggest,
- Taking a look at your solution report and making the elements of the page more accessible.
- Perhaps allowing users to check items off the todo list by clicking on the title of each todo (rather than just the checkmark bubble) to make checking things off a little easier.
Keep coding (and happy coding, too)! π
1@MarcoCarpoPosted almost 4 years agoHi @ApplePieGiraffe, in fact there are still some elements that could be more accessible, I will try to improve them, thank you very much for your feedback!
0
Please log in to post a comment
Log in with GitHubJoin 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