Animated Coffeeroasters Multipage Website ☕☕ w/ HTML, CSS & JS
Design comparison
Solution retrospective
Made with:
- HTML 🦴
- CSS 🎨
- JS 🤖
- modile-first workflow 📲📲
- animated with GSAP and its ScrollTrigger plugin 📖📖
- used jQuery for DOM manipulation 📃📃
- smooth scrolling provided by lenis 🧈🧈
As always, if you notice anything... 👇👇
Community feedback
- @Code-BeakerPosted 6 months ago
Hi there, loved the website. Beautiful animations! 😊
However, I felt like there was a little too much delay for the animations. For example,
- The navigation bar appears after the hero appears(I don't know if this is an issue tho).
- In the "Our Collection" section, the
collection__item
appears after I scroll past that section. - In the "Why choose us" section, the
reasons__item
appears after I scroll past the section.
I don't know if they're meant to appear like that. These are just my thoughts that might help you improve your solution. Overall, your website looks amazing!
Hope this helps you 😊
Marked as helpful0@kodan96Posted 6 months ago@Code-Beaker
I guess you opened it on mobile. It only happens on touch screen, there's something with the plugin I used that needs some optimization with touch-screens on my end, but couldn't figure it out yet.
So I'm aware of this, but appreciate the feedback 🤘
1 - @saularangurenPosted 6 months ago
Good job bro 💪
2 - @alex931dPosted 6 months ago
love the animations great job!
0@kodan96Posted 6 months ago@alex931d
thanks, appreciate the compliment. Where's your next project?
0@alex931dPosted 6 months ago@kodan96 hello i have been working on a portfolio project :) its hard to be active two places at once but don't worry
1
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