News for hackers. Stuff that matters.

A comment on Show HN: CSS Speedrun – A small game to test and improve your CSS knowledge.

Re:Show HN: CSS Speedrun – A small game to test and improve ... by 414owen on Monday January 17, 2022 @05:59AM (#29965345)
Huh, I wrote a very similar game a while ago. Select elements with CSS selectors to get to the next level: https://select.pink/

Mine displays the elements as nested blocks, instead of printing a tree.

[ Parent | on HN ]
Re:Show HN: CSS Speedrun – A small game to test and improve ... by 414owen on Monday January 17, 2022 @08:06AM (#29966144)
Thanks :)

I actually posted https://select.pink/ to HN ages ago, but it died in `new`: https://news.ycombinator.com/item?id=24959045

OP's game has some nice features. The timing is neat, and to be honest I didn't even consider using the source as the visualization.

[ Parent | on HN ]
Re:Show HN: CSS Speedrun – A small game to test and improve ... by fgeiger on Monday January 17, 2022 @07:04AM (#29965735)
Wow, nice. I like this even better then the OP. In particular how the levels naturally progress and how the game actively teaches concepts.
[ Parent | on HN ]
Re:Show HN: CSS Speedrun – A small game to test and improve ... by aurbano on Monday January 17, 2022 @07:18AM (#29965792)
Awesome stuff! I learned a few new selectors, thanks :)
[ Parent | on HN ]
Re:Show HN: CSS Speedrun – A small game to test and improve ... by naseemali925 on Monday January 17, 2022 @06:42AM (#29965598)
Thanks for sharing, learnt a few more CSS selectors.
[ Parent | on HN ]
Re:Show HN: CSS Speedrun – A small game to test and improve ... by dotancohen on Monday January 17, 2022 @12:33PM (#29969042)
This is terrific! Do note that IDs are document unique. I found a duplicate id on the `#pan.cake` exercise.
[ Parent | on HN ]