Live data from Hacker News

Show HN: Flexbox Defense – learn CSS flexbox by playing a tower defense game

flexboxdefense.com

21–30 of 45 posts

Re: Show HN: Flexbox Defense – learn CSS flexbox by playing a tower defense game

#21
Sometimes, 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!

Re: Show HN: Flexbox Defense – learn CSS flexbox by playing a tower defense game

#22

Sometimes, 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.

Re: Show HN: Flexbox Defense – learn CSS flexbox by playing a tower defense game

#27
post #9

Very 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.

There's now a "Cancel Wave" button that should address the first of your issues...

Re: Show HN: Flexbox Defense – learn CSS flexbox by playing a tower defense game

#28

Sometimes, 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.

Okay, but this validation happens instead of opening the help dialog. Whatever event triggers there eats the button click.

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

#30
post #8

Awesome 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.

It's awkward because CSS offers no good way to talk about the relationship between two things (it's very much 'one thing at a time'), whereas relationships between things are pretty much all layout is about.
Post reply on HN