fylo-dark-theme-landing-page-master
Design comparison
Solution retrospective
Any feedback would be appreciated.
Community feedback
- @MahmoodHashemPosted about 1 month ago
The creativity in your animations is absolutely amazing—awesome work! 🎉 I can also see you're doing a great job writing cleaner code. ✨
Keep it up, you're doing fantastic! 💪
Marked as helpful1 - @karamo10Posted 29 days ago
Nice work mate
Marked as helpful0 - @saularangurenPosted about 1 month ago
Hello, my friend. Your solution is very impressive. I would like to ask: how did you create the animations? And my next question is based on personal criteria. I understand that in comparing your solution with the design provided by the platform to visualize whether the solution is as close to the design as possible, it seems that only the header is present. Of course, I understand that this happens because of the animations, but don't you strive to make your solutions as identical to the design as possible? I emphasize again that this last question is based on personal criteria, as I believe in developing solutions that are as similar to the design as possible.
Marked as helpful0@khaduj03Posted about 1 month agoHey friend @saularanguren 👋,
I used Framer Motion to create the animations. Actually, I really enjoy incorporating animations into every project 😄.
As for your next question, yes, it is due to the animations, and sometimes my weak network causes issues. When the network doesn't work well, the deployment doesn't perform as expected .
Of course, I aim to make the solution as close to the design as possible .
When I make it according to the design pictures , everything looks fine, but when I deploy it , I can see the difference. Because of my bad network, I can't fix it , so that's why I uploaded the solution :(
1@saularangurenPosted about 1 month ago@khaduj03 Thank you for your response, colleague. I really appreciate the time you took to reply. I think it's excellent. I am going to learn about Framer Motion to add animations to my future projects. I hope to see your next project soon. See you later! 😁
Marked as helpful0@khaduj03Posted about 1 month ago@saularanguren Most welcome, dear 😊,
When you work with React, you can use libraries like Framer Motion to handle animations and transitions easily 😁 because React abstracts much of the DOM manipulation for you. Framer Motion works seamlessly with React components and allows you to animate them declaratively.
However, when it comes to plain JavaScript (especially if you're not using a library like React), you'll need to work directly with the DOM . I noticed that you're learning JavaScript✨, so in this case, you would use JavaScript's built-in methods like document.getElementById, document.querySelector, and other DOM manipulation functions . Understanding the DOM is essential for working with animations, event handling, and dynamically changing the content of a webpage in vanilla JavaScript.
Good luck! :)
Let me know if you need more help with this! 😄
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