P
@yudin7324Submitted about 1 month ago
Latest solutions
Newsletter Form
#sass/scssPSubmitted 6 months agoI guess with structuring of the js code. Like should I be retrieving all the elements required right at the start like I did right now or I can do it as required. What would be better performance-wise or structure-wise?
Any other advice on the project is also welcomed :)
Article Preview
#sass/scssPSubmitted 7 months agoWhat would have been the best approach to deal with active states. Can it be done using CSS or is JS required?
Latest comments
- P@itsmesrishtiPosted about 1 month ago
I like how you ensured that if a user has started the quiz they aren't able to reset it on page refresh. The Rest of the things look good as well and are done as per requirements. Great Job!
Marked as helpful0 - @dienarzisseSubmitted about 2 years agoP@itsmesrishtiPosted 3 months ago
Hi,
Great work on the project! https://www.sitepoint.com/css-custom-range-slider/ I found this link to be quite helpful in creating custom input range sliders.
0 - P@webdevbynightSubmitted 5 months agoWhat are you most proud of, and what would you do differently next time?
No particular pride with this challenge.
What challenges did you encounter, and how did you overcome them?I got stuck with the implementation of the JavaScript part, more particularly with the way of listening to any changes in a form without any submit button. With the help of a web developers’ community on Discord I am a member of, I learnt the
What specific areas of your project would you like help with?inputevent, which allowed me to overcome this challenge.Feel free to give me any feedback for improvements in the way I refactor my JavaScript or narrow the types in TypeScript.
P@itsmesrishtiPosted 5 months agoHi, great job on getting the design so close to the sample! And I think how you used input event for tracking changes is also interesting!
1 - @mts-mlSubmitted 6 months agoWhat are you most proud of, and what would you do differently next time?
I really liked the way I used JavaScript in this project.
What challenges did you encounter, and how did you overcome them?I was feeling a little lost at the start on how to change the hard-coded parts to dynamic JS.
What specific areas of your project would you like help with?I liked this type of exercise, so if anyone has another similar one, I'd like the link.
- @mts-mlSubmitted 7 months agoWhat are you most proud of, and what would you do differently next time?
Liked the challenge and added a few changes, when the e-mail is valid the input become green, I put the error message on the bottom and not on the top as the design indicated.
What challenges did you encounter, and how did you overcome them?I actually wanted to make 2 html documents, one for the e-mail, the other for the message.
I'd to research how to do it using JS and found about
What specific areas of your project would you like help with?window.location.hrefon MDN.Would like some tips.
P@itsmesrishtiPosted 6 months agoHi,
Great work on the project and I like how you added the additional functionality of checking for .com and .org! Also linking the two html files thing looks cool as well.. I'd have to check it out in more detail. Thank you for teaching me a new way of doing things!
Here are a few tips you might want to consider for your next project:
a) Consider using variable names like primary, secondary or bg-color, heading-color as the specific color if changes then the variable name would still be valid.
b) Consider using rem values for the media queries as well. It's considered a good practise. like @media screen and (min-width: 64rem) {}
Again, great work on the project and kudos for adding additional functionality! Onwards and upwards!
0 - @DevXtianMSubmitted 7 months agoP@itsmesrishtiPosted 7 months ago
Hi,
Great work on getting the design so close to the original!!!
Here are few things you might want to consider while working on your next project or if you want to improve this one:
-
$Light-Grayish-Blue; avoid naming your variables on the basis of color names use names like primary-color or heading-color because what if you change the colors then you'd have to change the variable name as well.
-
There are still places where you have used px values consider using rem (even for media queries). It is considered good practise to use rem for media queries.
Again, great job on the project!
0 -
