Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
-
Implementing Flipping Card Animations:
- For the launching countdown project, I needed to create a visually striking countdown display with a flipping card effect.
- This was a challenging task, as I had touse a combination of
HTML
,CSS
, andJavaScript
to achieve the desired animation. - Through research and experimentation, I was able to master the techniques for creating the flipping card effect without the use of any external libraries or frameworks.
- Mastering this animation technique has expanded my understanding of how to create dynamic and engaging user interfaces using core web development technologies.
-
Leveraging the JavaScript DateObject:
- Another key learning from the launching countdown project was a deeper understanding of the JavaScript Dateobjectand its associated methods.
- Previously, I had a basic knowledge of the Dateobject, but working on this projectrequired me to explore its more advanced capabilities.
- I learned how touse methods like
getYear()
,getTime()
,getDay()
, and others to precisely calculate and display the remaining timeuntil the countdown reaches zero. - Becoming proficient with the Dateobject has equipped me with the skills tobuild complex time-based applications and handle dateandtime-related functionality effectively.
Any feedback is appreciated
Community feedback
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