Flexbox Defense
Learning and science
interactive css tutorial
SHOW HN2016
How HN took it
11 positive, 7 neutral or asking, 3 mixed, 7 critical, out of 28 comments about the project. Thread score +0.22.
Execution: 0 for, 5 againstIdea: 5 for, 0 againstDesign: 2 for, 2 againstDocs: 3 for, 0 against
The thread, comment by comment
Each row is a top-level comment and its replies, in HN's order. Select a cell to open that comment on HN.
positive neutral or mixed critical about another commenter or something else the maker
What HN said
What people liked
Fun and effective way to learn flexbox
From 4 comments
Definitely helpful to understanding flexbox. It took me a while to notice the help '?' icon to bring the tooltip back up.
avonwodahs on HNThis is great. I have been meaning to learn the CSS flex box model and thanks to this game it took only a few minutes!
briantmaurer on HNGreat tutorial !
Vignitus on HNReally fun, I enjoyed playing all the waves... Would definitely be cool to have more challenge levels with maybe css transitions to move the tower while the wave is happening :-)
song on HN
Objections
Switching browser tabs breaks the game and loses points
From 2 comments
Cool game, but switching tabs breaks the game, you lose all points you didn't yet earn.
Etheryte on HNPretty cool. Buggy when changing tabs and I wish there were a speedup button (I don't like tower defence games).
wingerlang on HN
Justify-content space-between misplaces towers in Firefox
From 2 comments
In Firefox on Linux (44.0.2), Wave 3 don't seem to be working as intended because for the second tower group you've got: ``` div.board__tower-group div.tower-group__tower…
evunveot on HNOn Wave 3, "justify-content: space-between" appears to position incorrectly on Firefox 44 on OS X: http://i.imgur.com/nx6hROH.png On Chrome, it positions the turrets on the edges…
Legion on HN
Editor shakes on validation, blocking the help button
From 2 comments
A suggestion: don't wiggle the editor when there's a problem, or move the help icon outside. I wanted to check the "?" icon a couple of times, but couldn't click it because it…
rootlocus on HNOkay, 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…
unholiness on HN
Requests
Speed up button
From 2 comments
While you're at it, a "Speed up" button would be handy as well :).
M4v3R on HNPretty cool. Buggy when changing tabs and I wish there were a speedup button (I don't like tower defence games).
wingerlang on HN
Ability to move towers during waves
From 2 comments
This is awesome. I'd love to be able to move the towers around during the waves for some more challenging levels.
kearneyandy on HNReally fun, I enjoyed playing all the waves... Would definitely be cool to have more challenge levels with maybe css transitions to move the tower while the wave is happening :-)
song on HN
More waves covering flex-grow and flex-shrink
From 1 comment
This is cool, I'm looking forwarding to the next waves to be released, as I would love to try other properties like flex-grow and flex-shrink.
Flimm on HN
Restart or stop wave controls
From 2 comments
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.
jtokoph on HNThis 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!
nickonline on HN
Questions
Why the Firefox layout bug happens only on some platforms
From 2 comments
Can someone explain to me why this only happens on linux?
sethish on HNNo, because it's not a Linux only bug. There's a Mac OS X report below, which I can confirm.
labster on HN
Alternatives named
Flexbox Froggy
From 1 comment
Another fun 'learn flexbox' games is Flexbox Froggy http://flexboxfroggy.com
evolve2k on HN