CSS Speedrun
Games
css learning game
SHOW HN2022
213points
64comments
#260of 2,570 in 2022
Top 11%of 2022 by points
How HN took it
CuriousMostly questions and neutral comments
12 positive, 21 neutral or asking, 2 mixed, 4 critical, out of 39 comments about the project. Thread score +0.23.
Idea: 8 for, 0 againstDocs: 0 for, 2 againstDesign: 0 for, 2 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 people learned new selectors
From 3 comments
This is great! I learned a lot in 28 mins :p
0lucky on HNWow, nice. I like this even better then the OP. In particular how the levels naturally progress and how the game actively teaches concepts.
fgeiger on HNThis was really good. I knew all the rules, but took me a bit to remember each of them. Did it in 10 minutes.
soperj on HN
Linked hints to documentation are useful
From 2 comments
I agree, although there are hint links on each answer which generally give you the selector you are "intended" to use
derimagia on HNDid you look at the hints? I learned a bit from them.
dotancohen on HN
Dot selection and timing are neatly done
From 2 comments
Nice project! It feels like it is missing ways to help you get to understand things on your own, so a bit more like a test than a real game. Maybe a codegolf scoring (number of…
woolion on HNThanks :) 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…
414owen on HN
Objections
Timer encourages quick, hacky selectors
From 2 comments
This was fun. :) I feel like there should be another scoring axis rather than just time. I think selector length would be wrong, but something like selector complexity, or how…
TomAnthony on HNThe timer encourages quick and dirty solutions. It took me a while to think of :is(input, button):not([disabled]) instead of a longer solution that I used at first. Another…
_Microft on HN
Some puzzles had no elegant answer
From 2 comments
I felt dirty when I did something like ``` #one, #three, #five, #six, #nine ``` (Or whatever the elements we had to select were.)
Vinnl on HNExactly. All the previous questions had real, elegant answers. This one felt like whacking the mole was _possible_, but not the right way.
dotancohen on HN
No model answers shown to learn from
From 2 comments
> It took me a while to think of :is(input, button):not([disabled]) instead of a longer solution that I used at first. The intended solution is just :enabled. This is where I…
chrismorgan on HN4:22 - I got stuck on the ID one because I felt like I was meant to do something than select each one individually. I also got stuck on :enabled and ended up writing something…
Nadya on HN
Requests
Show intended or model answers
From 2 comments
Love the project. Wish it had the answer as well, not just hint.
tiffanyh on HN4:22 - I got stuck on the ID one because I felt like I was meant to do something than select each one individually. I also got stuck on :enabled and ended up writing something…
Nadya on HN
Score by selector length or add a golf mode
From 2 comments
Nice project! It feels like it is missing ways to help you get to understand things on your own, so a bit more like a test than a real game. Maybe a codegolf scoring (number of…
woolion on HNVery fun game. There needs to be a golf mode where you get the right answer with the shortest selector just for fun!
superasn on HN
Show other users' answers for comparison
From 1 comment
Took me 8 minutes, but I felt that my answers for some were sub-optimal. It would be good if there was a way I could have seen other users' answers, so I could learn new tricks.
sam_goody on HN
Questions
How was the game made?
From 1 comment
This is a nice project. Could you talk about how you made the game?
throwoutway on HN
Is there something similar for learning to program?
From 1 comment
This is a nice project. Is there anything similar for learning to program?
proee on HN
Alternatives named
select.pink, a similar selector game
From 1 comment
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,…
414owen on HN