Otherwise, I thought this was pretty neat and very informative. Good job and thanks for sharing!
Show HN: Flexbox Defense – learn CSS flexbox by playing a tower defense game
21–30 of 45 posts
Re: Show HN: Flexbox Defense – learn CSS flexbox by playing a tower defense game
#22Sometimes, the box where you input the CSS rules will shake when you click on the hint box. Not sure if this is supposed to happen or not, but it was unexpected from me. Otherwise, I thought this was pretty neat and very informative. Good job and thanks for sharing!
In your case, you were probably typing some input before you clicked the hint box, thus focusing out of the input and invoking the validation check.
Re: Show HN: Flexbox Defense – learn CSS flexbox by playing a tower defense game
#23Re: Show HN: Flexbox Defense – learn CSS flexbox by playing a tower defense game
#24Re: Show HN: Flexbox Defense – learn CSS flexbox by playing a tower defense game
#25Re: Show HN: Flexbox Defense – learn CSS flexbox by playing a tower defense game
#26Re: Show HN: Flexbox Defense – learn CSS flexbox by playing a tower defense game
#27Very cool! Would love to be able to stop mid wave and tweak a mistake instead of waiting for the whole thing to finish/refresh. Sucks having to retype my rules all over again too.
Re: Show HN: Flexbox Defense – learn CSS flexbox by playing a tower defense game
#28Sometimes, the box where you input the CSS rules will shake when you click on the hint box. Not sure if this is supposed to happen or not, but it was unexpected from me. Otherwise, I thought this was pretty neat and very informative. Good job and thanks for sharing!
The input boxes run a validation check whenever the user presses enter or focuses out of them; if this check determines the input value to be invalid, the stylesheet will shake. In your case, you were probably typing some input before you clicked the hint box, thus focusing out of the input and invoking the validation check.
When typing an incorrect input, the first place a user will go to fix it is the help. It's a bit of a catch-22 when the help button will only help you after you fix your typos.
Re: Show HN: Flexbox Defense – learn CSS flexbox by playing a tower defense game
#29This is fantastic as I've just started learning flex-boxes, I did have one problem using it, there's no stop button once the circles start flowing!
Re: Show HN: Flexbox Defense – learn CSS flexbox by playing a tower defense game
#30Awesome tutorial! I feel like flexbox could have been so much simpler.. I mean, there's a reason why there are so many "Learn flexbox tutorial" out there. Like, "justify-content: flex-end" won't win any API award.