I think there are 2 things that your pen is missing. The most noticeable to me is that the buttons are only animating when opened, and not when they get deselected. The other thing, like you mention, is the bounciness. What could help you is to see how the easings for greensock work and try to match them with your css https://greensock.com/docs/Easing
Yes, I totally agree with that. I prefer an easy to remember human readable long password over the rest. The reason for adding the special character rule was to follow the original reference, but you can customize it by removing that single rule.
Yeah I get your point, but I think is a matter of code style, separation of concerns and how comfortable you feel with CSS or JS.
In my opinion, the CSS should not be over complicated, ‘hacky’ or with lots of logic, and also some animations are handled easier and look better with JS and a supporting library. For example in…
That’s nice but it is missing the
Separate the other cards animation, which is the only JS animation in the tutorial. Using the
hover selector instead of changing the class with JS is an improvement though.
Well there are many projects like Nuxt or even you can implement SSR with Vue, so I personally would say this is minimizing its capabilities. Over all I agree with everything else, just wanted to point that.