A fun challenge, open to any feedback/advice.
What challenges did you encounter, and how did you overcome them?-
Thinking in pixels: At one point I couldn't understand why my layout shifted between two breakpoints, then I realised I had placed a condition 1rem less than the breakpoint, and not 1 pixel. :)
-
Spam clicking would break the pause animation and throw the visibility of modal out of sync. Implemented a delay and check and found out about race conditions and debounce techniques - more research needed.
-
When toggling the menu button to close the modal, I had initially expected the mouseover event to re-fire and pause the button idle animation, however this didn't happen. I learned about event propagation and focus behavior in the DOM and solved it by setting the focus back on the button after closing the modal.
-
Started off experimenting with a CubeCSS approach but found it hard to stick with it as time progressed. Much like how you quickly troubleshoot in the browser I found I was writing quick css answers to problems without first considering the larger context of my styling methodology.
A small challenge but one which has given me a few interesting topics to research further into.
