Design comparison
Solution retrospective
😁🤩Well!!!! I absolutely surprised myself tackling an ADVANCED LEVEL challenge.
Honestly, I looked at this challenge for about 15 minutes before downloading the starter files 😂, I didn't even think I could solve it and yet here we are!
The most challenging part was state management for the whole form, but I solved it based on the knowledge of the previous Junior challenges I did.
I know I still have a lot to learn when it comes to accessibility but at this stage, I am more focused on code functionality and design implementation.
My animations are awful😂 but soon will get a hang of it!!!!!! Any feedback is greatly appreciated!!!!
Community feedback
- @IzykGitPosted 4 months ago
Good work
If you are looking for an easier way to do animations then I highly recommend the library aos. They have a bunch of simple animations that really bring life to a page and best of all it is incredibly easy to implement.
When making a webpage it is a huge con to add complex animations on things that the user has to interact with. This is a con because of something called the 15 Second Rule. When users visit a website you want to captivate their attention make them stay and using animations to make a website appear more stylized is alright but you do not want to overdo it. Overdoing animations especially on things that are interactive can lead to bad user experience on a website.
Most users will leave a site within the first minute to as little as 10 seconds. So you want to ensure that your site is fast, responsive, and has great user experience. So even having a an animation that takes longer than a second is costing precious time that would allow the user to interact with the site.
Keep up with the good work!
Marked as helpful0@VictorKevzPosted 3 months ago@IzykGit Greatly appreciate the feedback! I will look more into animations because at this point I honestly don’t know much about it
1
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