Meet Landing Page Challenge Hub with SCSS, Gulp and GSAP
Design comparison
Solution retrospective
For this challange I worked the first time with GSAP. Because I have a very long timeline, I was looking for a solution to not show the animation everytime the page gets loaded. My idea was to set a cookie which expires after one day after an user has visited the page. Within this day, the animation would not play again. This approach worked - but it has brought with it another obstacle. Now I had a flackering effect whenever the page was loading - beacause there were some miliseconds where I had to check if the cookie is setted or not. My solution now is, to set the opacity of the body per default to zero and show it when the page is ready to load. Although this solutions works, it feels more like a workaround.
Has anyone expirence or ideas about how this could be done better? Also all other hints and advices are highly welcome.
Thanks in advance!
Community feedback
- @shashreesamuelPosted over 2 years ago
Hey good job completing this challenge
Keep up the good work.
Your solution looks great however I think the logo is too small.
In terms of accessibility issues simply wrap all your content between main tags
I hope this helps
Cheers Happy coding 👍
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