[{"data":1,"prerenderedAt":394},["ShallowReactive",2],{"project-29964453":3},{"id":4,"name":5,"line":6,"line_source":7,"title":8,"url":9,"domain":10,"maker":11,"posted_at":12,"year":13,"points":14,"comments":15,"rank_in_year":16,"shown_in_year":17,"top":18,"tier":19,"category":20,"subcategory":21,"format":22,"keywords":23,"reception":28,"sentiment":29,"stance_mix":30,"scored_comments":35,"aspects":36,"strip":43,"post_text":47,"what":48,"said":57,"maker_in_thread":176,"shape":187,"grid":192,"attempts":355,"same_week":356,"maker_shows":33,"maker_hidden":386,"reader_version":387,"card":388},"29964453","CSS Speedrun","A small game to test and improve your CSS knowledge","title","Show HN: CSS Speedrun – A small game to test and improve your CSS knowledge","https:\u002F\u002Fcss-speedrun.netlify.app\u002F","css-speedrun.netlify.app","Vincenius",1642407210,2022,213,64,260,2570,11,"notable","games","css learning game","web_app",[24,25,26,27],"css selectors","css game","learn css","css practice","curious",0.232,{"positive":31,"neutral":32,"mixed":33,"critical":34},12,21,2,4,39,{"idea":37,"docs":40,"design":41,"execution":42},{"positive":38,"critical":39},8,0,{"positive":39,"critical":33},{"positive":39,"critical":33},{"positive":39,"critical":39},[44,44,39,44,45,39,45,39,46,39,39,45,44,44,46,46,44,44,45,45,39,44,39,44,44,39,39,39,45,45,45,45,44,39,44,44,44,44,45,45],3,5,1,null,{"problem":49,"audience":47,"pricing":47,"motivation":47,"time_to_build":47,"stack":55,"openness":56,"stage":56,"team_size":56},{"value":50,"source":51,"evidence":52},"Test and improve CSS selector knowledge","maker",[53],{"id":54},"post",[],"unknown",{"praise":58,"objections":97,"requests":130,"questions":154,"alternatives":169},[59,75,86],{"value":60,"source":61,"evidence":62},"Fun, and people learned new selectors","commenter",[63,67,71],{"id":64,"by":65,"text":66},"29965691","0lucky","This is great! I learned a lot in 28 mins :p",{"id":68,"by":69,"text":70},"29965735","fgeiger","Wow, nice. I like this even better then the OP. In particular how the levels naturally progress and how the game actively teaches concepts.",{"id":72,"by":73,"text":74},"29972138","soperj","This was really good. I knew all the rules, but took me a bit to remember each of them. Did it in 10 minutes.",{"value":76,"source":61,"evidence":77},"Linked hints to documentation are useful",[78,82],{"id":79,"by":80,"text":81},"29971066","derimagia","I agree, although there are hint links on each answer which generally give you the selector you are \"intended\" to use",{"id":83,"by":84,"text":85},"29968978","dotancohen","Did you look at the hints? I learned a bit from them.",{"value":87,"source":61,"evidence":88},"Dot selection and timing are neatly done",[89,93],{"id":90,"by":91,"text":92},"29965912","woolion","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…",{"id":94,"by":95,"text":96},"29966144","414owen","Thanks :) I actually posted https:\u002F\u002Fselect.pink\u002F to HN ages ago, but it died in `new`: https:\u002F\u002Fnews.ycombinator.com\u002Fitem?id=24959045 OP's game has some nice features. The timing…",[98,109,119],{"value":99,"source":61,"evidence":100},"Timer encourages quick, hacky selectors",[101,105],{"id":102,"by":103,"text":104},"29965415","TomAnthony","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…",{"id":106,"by":107,"text":108},"29966893","_Microft","The 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…",{"value":110,"source":61,"evidence":111},"Some puzzles had no elegant answer",[112,116],{"id":113,"by":114,"text":115},"29966398","Vinnl","I felt dirty when I did something like ``` #one, #three, #five, #six, #nine ``` (Or whatever the elements we had to select were.)",{"id":117,"by":84,"text":118},"29968995","Exactly. All the previous questions had real, elegant answers. This one felt like whacking the mole was _possible_, but not the right way.",{"value":120,"source":61,"evidence":121},"No model answers shown to learn from",[122,126],{"id":123,"by":124,"text":125},"29966998","chrismorgan","> 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…",{"id":127,"by":128,"text":129},"29969747","Nadya","4: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…",[131,139,147],{"value":132,"source":61,"evidence":133},"Show intended or model answers",[134,138],{"id":135,"by":136,"text":137},"29972034","tiffanyh","Love the project. Wish it had the answer as well, not just hint.",{"id":127,"by":128,"text":129},{"value":140,"source":61,"evidence":141},"Score by selector length or add a golf mode",[142,143],{"id":90,"by":91,"text":92},{"id":144,"by":145,"text":146},"29965265","superasn","Very fun game. There needs to be a golf mode where you get the right answer with the shortest selector just for fun!",{"value":148,"source":61,"evidence":149},"Show other users' answers for comparison",[150],{"id":151,"by":152,"text":153},"29969668","sam_goody","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.",[155,162],{"value":156,"source":61,"evidence":157},"How was the game made?",[158],{"id":159,"by":160,"text":161},"29967351","throwoutway","This is a nice project. Could you talk about how you made the game?",{"value":163,"source":61,"evidence":164},"Is there something similar for learning to program?",[165],{"id":166,"by":167,"text":168},"29971956","proee","This is a nice project. Is there anything similar for learning to program?",[170],{"value":171,"source":61,"evidence":172},"select.pink, a similar selector game",[173],{"id":174,"by":95,"text":175},"29965345","Huh, I wrote a very similar game a while ago. Select elements with CSS selectors to get to the next level: https:\u002F\u002Fselect.pink\u002F Mine displays the elements as nested blocks,…",{"comments":44,"answered":39,"key":177},[178,181,184],{"id":179,"text":180},"29965533","Good point - fixed it :)",{"id":182,"text":183},"29976569","Thanks for your feedback! Just pushed an update to the project to show the solution which I thought of when creating the puzzle.",{"id":185,"text":186},"29976549","Nice - for 6. I had just *:enabled, but other that that those are exactly the solutions I thougt of when creating the puzzles :)",{"commenters":188,"max_depth":189,"maker_replies":44,"first_comment_mins":190,"lifespan_hours":191},44,6,20,87,[193,195,199,203,205,209,212,213,217,218,221,223,225,228,230,234,237,239,240,243,244,248,251,253,254,255,257,259,262,263,267,269,272,275,279,281,283,286,289,291,293,295,297,299,301,302,305,308,310,313,317,321,325,327,330,332,333,337,341,344,348,349,350,352],[90,39,44,194,91,39],"project\u002Fmixed\u002Fidea",[196,39,44,197,198,39],"29969263","project\u002Fneutral\u002Fidea","youssefabdelm",[200,39,39,201,202,39],"29971461","commenter\u002Fneutral\u002Fnone","411111111111111",[204,39,39,201,198,39],"30016520",[206,46,44,207,208,39],"29964844","project\u002Fneutral\u002Fnone","iheredia",[210,46,44,207,211,39],"29966654","gildas",[174,33,44,197,95,39],[214,33,45,215,216,39],"29965598","project\u002Fpositive\u002Fnone","naseemali925",[68,33,39,201,69,39],[219,33,39,201,220,39],"29965792","aurbano",[94,33,45,222,95,39],"project\u002Fpositive\u002Fidea",[224,33,39,201,84,39],"29969042",[226,44,46,227,124,39],"29965360","project\u002Fcritical\u002Fdocs",[179,44,39,229,11,46],"maker\u002Fpositive\u002Fdocs",[231,44,39,232,233,39],"29965935","other\u002Fneutral\u002Fnone","jacobmischka",[235,44,39,232,236,39],"29971864","DaiPlusPlus",[238,44,39,232,124,39],"29973016",[102,34,45,222,103,39],[241,34,44,207,242,39],"29965880","jamiethompson",[113,34,44,207,114,39],[245,34,44,246,247,39],"29966456","project\u002Fneutral\u002Fdesign","maaaaattttt",[249,34,44,246,250,39],"29966706","dagurp",[117,34,46,252,84,39],"project\u002Fcritical\u002Fdesign",[106,34,46,252,107,39],[123,34,46,227,124,39],[182,34,39,256,11,46],"maker\u002Fpositive\u002Fidea",[127,45,44,258,128,39],"project\u002Fneutral\u002Fdocs",[260,45,44,207,261,39],"29971749","divbzero",[144,189,45,222,145,39],[264,265,44,207,266,39],"29965084",7,"mcv",[83,265,39,268,84,39],"commenter\u002Fneutral\u002Fdocs",[270,38,45,215,271,39],"29964973","grenoire",[273,38,39,201,274,39],"29965071","sdoering",[276,277,44,207,278,39],"29971208",9,"mrjay42",[280,277,39,201,202,39],"29971639",[282,277,39,201,278,39],"29972462",[135,284,44,285,136,39],10,"project\u002Fmixed\u002Fdocs",[287,284,44,288,73,39],"29972156","maker\u002Fneutral\u002Fdocs",[290,284,44,258,73,39],"29972258",[292,284,39,268,136,39],"29972856",[294,284,39,268,73,39],"29972950",[296,284,39,268,266,39],"29972969",[298,284,39,201,73,39],"29975135",[300,284,39,201,266,39],"29976679",[185,284,39,288,11,46],[303,284,45,304,73,39],"29982481","maker\u002Fpositive\u002Fnone",[306,18,45,215,307,39],"29964606","codeptualize",[309,18,39,201,84,39],"29968971",[311,31,45,222,312,39],"29966495","emaro",[314,315,44,207,316,39],"29964545",13,"Zekio",[318,319,45,222,320,39],"29965429",14,"255",[322,323,44,207,324,39],"29965674",15,"jdefelice",[326,323,39,201,233,39],"29965996",[328,323,39,201,329,39],"29969215","mlajtos",[151,331,44,258,152,39],16,[79,331,39,268,80,39],[334,335,44,207,336,39],"29968543",17,"partiallypro",[338,339,44,197,340,39],"29968446",18,"nayuki",[342,339,39,201,343,39],"29969210","throwaddzuzxd",[345,346,44,207,347,39],"29965428",19,"MrPatan",[64,190,45,222,65,39],[72,32,45,222,73,39],[166,351,45,222,167,39],22,[159,353,44,354,160,39],23,"maker\u002Fneutral\u002Fexecution",[],[357,361,366,371,376,381],{"id":358,"name":359,"points":360,"category":20},"29921419","Looptap",1241,{"id":362,"name":363,"points":364,"category":365},"29923736","Login with HN",436,"security_privacy",{"id":367,"name":368,"points":369,"category":370},"29924666","Animatize",379,"creative",{"id":372,"name":373,"points":374,"category":375},"29938520","RootMy.TV",361,"hardware",{"id":377,"name":378,"points":379,"category":380},"29978659","Matrix-CRDT",320,"languages",{"id":382,"name":383,"points":384,"category":385},"29959129","My 486 Server",255,"infrastructure",false,"v2",{"id":389,"name":5,"line":6,"ai":386,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":390,"top":18,"kw":391,"maker":11,"domain":10,"tier":19,"attempts":39,"strip":392,"url":9,"mix":393,"praise":60,"objection":99,"sub":21},29964453,0.23,[24,25,26,27],"3303505010053311335503033000555530333355",[31,32,33,34],1794036615814]