Welcome to the first maintenance post, chefs!
This time I worked on improving the UX, especially the UX at the starting page.
What changed in this devlog:
- Restructered the starting page to make it clearer and more compelling.
- Added eye image with title attribute for hovering
- Added animations to the clickable images on hovering to make UX clearer
- Tested animations to ensure consistent behaviour and smoothness
- Deployed changes so you can directly benefit from the improvements.
What I learned since last time:
I already knew about key frames so my first approach was a simple keyframe animation which changed size via the width attribute. This proved to be a problem as I then tried to stop the rest of the page from moving which isn’t possible because my approach essentially changed the layout. In the end, I looked up documentation and consulted an AI agent and learned about transform as well as the scale function. I then did the implementation myself and adjusted the scale.
What I would appreciate from you:
-. Please give constructive criticism on what I could improve on or what’s missing
- Share your ideas for more content or functionality in the comments
- Have a great day!
This was it for the first maintenance devlog and I hope to see you in the next one!
Log in to leave a comment