[{"data":1,"prerenderedAt":439},["ShallowReactive",2],{"project-39793513":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":27,"sentiment":28,"stance_mix":29,"scored_comments":34,"aspects":35,"strip":44,"post_text":47,"what":48,"said":60,"maker_in_thread":174,"shape":176,"grid":180,"attempts":401,"same_week":402,"maker_shows":32,"maker_hidden":431,"reader_version":432,"card":433},"39793513","magick.css","Minimalist CSS for Wizards","title","Show HN: magick.css – Minimalist CSS for Wizards","https:\u002F\u002Fcss.winterveil.net","css.winterveil.net","magistr4te",1711132992,2024,305,79,198,3515,6,"legend","dev_tools","css framework","library",[24,21,25,26],"classless css","minimalist css","serif css","debated",0.048,{"positive":30,"neutral":31,"mixed":32,"critical":33},13,7,1,15,36,{"design":36,"docs":38,"execution":40,"idea":41,"privacy":43},{"positive":31,"critical":37},11,{"positive":32,"critical":39},0,{"positive":39,"critical":32},{"positive":42,"critical":32},2,{"positive":39,"critical":42},[45,46,32,39,32,32,46,39,39,45,32,32,39,32,39,39,32,32,39,45,46,46,39,45,39,39,32,45,45,45,45,45,39,39,39,32,46,39,39,32],5,3,null,{"problem":47,"audience":47,"pricing":47,"motivation":47,"time_to_build":47,"stack":49,"openness":58,"stage":59,"team_size":59},[50],{"value":51,"source":52,"evidence":53},"CSS","inferred",[54],{"id":55,"by":56,"text":57},"39795730","btown","This is an absolutely beautiful design system, and a beautiful way of presenting one. I love the interplay of the organic serifs and handwritten script for inputs, with all the…","open_source","unknown",{"praise":61,"objections":90,"requests":128,"questions":140,"alternatives":151},[62,79],{"value":63,"source":64,"evidence":65},"Beautiful design, typography and readability praised","commenter",[66,67,71,75],{"id":55,"by":56,"text":57},{"id":68,"by":69,"text":70},"39799558","junon","The fonts here are superb, I found the page to be highly readable and absolutely cute without being over the top. Delightful :)",{"id":72,"by":73,"text":74},"39795523","tetris11","I was scrolling down expecting to be surprised by a sudden outburst of color, but instead I was pleased that the structure just remained consistent and readable, and monochrome…",{"id":76,"by":77,"text":78},"39796403","jdthedisciple","Truly beautiful! These are always hard to get right, but this one is compelling.",{"value":80,"source":64,"evidence":81},"Classless approach welcomed",[82,86],{"id":83,"by":84,"text":85},"39801308","ramesh31","Beautiful. Classless needs to become the standard for CSS libraries. I'm tired of learning your DSL to center a div. Just make the HTML do what I expect it to.",{"id":87,"by":88,"text":89},"39797375","andrei_says_","Love this. Classless styling can offer so much, especially in the context of document-driven websites.",[91,106,121],{"value":92,"source":64,"evidence":93},"Script-style font and uppercase hurt readability",[94,98,102],{"id":95,"by":96,"text":97},"39798327","MrVandemar","No. Please don't put script fonts in uppercase. It's absolute death to readability. Actually don't put anything in uppercase - like underlining, it's a form of emphasis that has…",{"id":99,"by":100,"text":101},"39797547","rascul","The font doesn't seem that great to me. Not sure exactly why but while it's not quite difficult for me to read, it's not as easy as other common fonts.",{"id":103,"by":104,"text":105},"39798561","arendtio","Style yes, but I find it so hard to read.",{"value":107,"source":64,"evidence":108},"Google Fonts remote loading raises privacy concerns",[109,113,117],{"id":110,"by":111,"text":112},"39796140","runjake","Is it typical for these frameworks to link to Google fonts in them? It seems like a privacy\u002Ftracking issue, or am I offbase?",{"id":114,"by":115,"text":116},"39798522","kolme","> It seems like a privacy\u002Ftracking issue, or am I offbase? It absolutely is, and if you do include them you have to show a consent popup in the EU.",{"id":118,"by":119,"text":120},"39830000","0pteron","Is there not a privacy-respecting font-host besides google? A lot of privacy\u002Fad focused extensions will block these.",{"value":122,"source":64,"evidence":123},"Line height too tight",[124],{"id":125,"by":126,"text":127},"39798586","troupo","The font is fine, it's the line-height that is wrong: the text is a bit too squished",[129,133],{"value":130,"source":64,"evidence":131},"Custom checkboxes and radio buttons",[132],{"id":55,"by":56,"text":57},{"value":134,"source":64,"evidence":135},"Link to unminified source",[136],{"id":137,"by":138,"text":139},"39796916","fbdab103","If we are going to add some notes... I appreciate it if sites demoing their CSS embed the non-minimized version. I wanted to take a quick peek at what it looked like, but instead…",[141,147],{"value":142,"source":64,"evidence":143},"Can the framework be used without the font",[144],{"id":145,"by":100,"text":146},"39802485","Why can't I use this one? I don't see anything mentioned about the font being required or even part of it.",{"value":148,"source":64,"evidence":149},"Privacy-respecting font host alternative",[150],{"id":118,"by":119,"text":120},[152,163],{"value":153,"source":64,"evidence":154},"Tufte CSS",[155,159],{"id":156,"by":157,"text":158},"39796799","crooked-v","People who like this may also enjoy Tufte CSS (https:\u002F\u002Fedwardtufte.github.io\u002Ftufte-css\u002F).",{"id":160,"by":161,"text":162},"39800220","fmajid","Try Tufte CSS: https:\u002F\u002Fedwardtufte.github.io\u002Ftufte-css\u002F",{"value":164,"source":64,"evidence":165},"Classless CSS lists and other minimal frameworks (mvp.css, Pico, new.css, Water.css)",[166,170],{"id":167,"by":168,"text":169},"39795288","swyx","oh i collect these! - https:\u002F\u002Fandybrewer.github.io\u002Fmvp\u002F mvp.css - https:\u002F\u002Fyegor256.github.io\u002Ftacit\u002F - https:\u002F\u002Fgithub.com\u002Falvaromontoro\u002Falmond.css has thin fonts -…",{"id":171,"by":172,"text":173},"39797023","Sai_","https:\u002F\u002Fgithub.com\u002Fdbohdan\u002Fclassless-css Lots of options here.",{"comments":39,"answered":39,"key":175},[],{"commenters":177,"max_depth":45,"maker_replies":39,"first_comment_mins":178,"lifespan_hours":179},61,194,262,[181,183,186,188,192,193,196,199,202,204,205,209,210,213,215,218,220,224,227,229,232,233,237,239,241,244,245,249,252,254,256,258,261,263,266,269,273,277,279,281,282,285,290,293,297,299,304,307,311,312,314,317,320,323,327,331,333,337,341,343,346,348,352,355,357,360,363,366,369,371,374,379,382,385,389,391,394,396,397],[55,39,45,182,56,39],"project\u002Fpositive\u002Fdesign",[184,32,45,182,185,39],"39797533","varrock",[99,32,32,187,100,39],"project\u002Fcritical\u002Fdesign",[189,32,39,190,191,39],"39797692","commenter\u002Fneutral\u002Fdesign","fouc",[125,32,32,187,126,39],[194,32,39,195,191,39],"39805302","commenter\u002Fneutral\u002Fnone",[197,32,39,190,198,39],"39799455","PhrosTT",[200,32,32,187,201,39],"39801208","alsetmusic",[145,32,46,203,100,39],"project\u002Fneutral\u002Fdesign",[103,32,32,187,104,39],[206,42,46,207,208,39],"39795416","project\u002Fneutral\u002Fdocs","noiiyfdedvv",[137,42,46,207,138,39],[211,42,46,207,212,39],"39797198","alberth",[214,42,39,195,208,39],"39799637",[216,42,39,195,217,39],"39800357","eddd-ddde",[219,42,39,195,208,39],"39801652",[221,42,39,222,223,39],"39803896","other\u002Fneutral\u002Fnone","qingcharles",[225,46,45,182,226,39],"39797131","atlintots",[156,228,39,222,157,39],4,[230,228,39,222,231,39],"39798019","ykonstant",[95,45,32,187,96,39],[234,45,46,235,236,39],"39798993","project\u002Fmixed\u002Fdesign","bovermyer",[238,45,32,187,161,39],"39800203",[240,45,39,190,236,39],"39805472",[242,18,39,222,243,39],"39795701","jsyang00",[160,18,39,222,161,39],[246,31,32,247,248,39],"39797070","project\u002Fcritical\u002Fexecution","wackget",[250,31,39,195,251,39],"39797118","Atotalnoob",[253,31,39,195,231,39],"39797958",[255,31,39,195,223,39],"39803899",[257,31,39,222,191,39],"39797702",[259,31,32,187,260,39],"39797732","defanor",[262,31,39,195,231,39],"39798036",[264,31,39,222,265,39],"39799309","BugsJustFindMe",[267,268,32,187,126,39],"39798584",8,[270,271,39,222,272,39],"39798081",9,"kyledrake",[274,271,39,275,276,39],"39800378","other\u002Fpositive\u002Fnone","croisillon",[278,271,39,222,272,39],"39907533",[68,280,45,182,69,39],10,[72,37,45,182,73,39],[283,37,32,187,284,39],"39799350","redeux",[286,287,45,288,289,39],"39798107",12,"project\u002Fpositive\u002Fdocs","pietroppeter",[291,30,32,187,292,39],"39800812","spookybones",[294,295,39,222,296,39],"39796239",14,"lacoolj",[83,33,39,298,84,39],"other\u002Fpositive\u002Fidea",[300,301,45,302,303,39],"39819230",16,"project\u002Fpositive\u002Fnone","TheGoodBarn",[87,305,45,306,88,39],17,"project\u002Fpositive\u002Fidea",[308,309,39,222,310,39],"39796670",18,"benreesman",[171,309,39,222,172,39],[313,309,39,275,310,39],"39797302",[315,309,39,222,316,39],"39797858","kcrwfrd_",[318,309,39,222,319,39],"39835091","e12e",[118,321,32,322,119,39],19,"project\u002Fcritical\u002Fprivacy",[324,325,39,222,326,39],"39799166",20,"busfahrer",[328,329,45,182,330,39],"39806645",21,"euroderf",[76,332,45,182,77,39],22,[334,335,46,203,336,39],"39798537",23,"aetherspawn",[338,339,45,302,340,39],"39795872",24,"sergiomattei",[167,342,39,222,168,39],25,[344,342,39,195,345,39],"39795422","citizenpaul",[347,342,45,306,168,39],"39817490",[349,342,45,350,351,39],"39795596","maker\u002Fpositive\u002Fnone","codazoda",[353,342,46,207,354,39],"39795698","skeptrune",[356,342,39,195,168,39],"39804786",[358,342,39,222,359,39],"39796103","lukeholder",[361,342,39,222,362,39],"39796189","jccalhoun",[364,342,39,222,365,39],"39796721","DreaminDani",[367,342,39,222,368,39],"39796752","knowsuchagency",[370,342,39,222,226,39],"39797140",[372,342,39,222,373,39],"39801200","timvdalen",[375,376,32,377,378,39],"39795974",26,"project\u002Fcritical\u002Fidea","hatthew",[380,376,39,195,381,39],"39798842","vaylian",[110,383,46,384,111,39],27,"project\u002Fneutral\u002Fprivacy",[386,383,39,387,388,39],"39796331","other\u002Fneutral\u002Fprivacy","rad_gruchalski",[390,383,39,222,138,39],"39796879",[392,383,39,195,393,39],"39798370","hnlmorg",[395,383,39,387,310,39],"39796844",[114,383,32,322,115,39],[398,399,32,187,400,39],"39797897",28,"Uptrenda",[],[403,408,412,417,422,426],{"id":404,"name":405,"points":406,"category":407},"39783223","Memories",797,"productivity",{"id":409,"name":410,"points":411,"category":20},"39778570","Dropflow",404,{"id":413,"name":414,"points":415,"category":416},"39836630","Explanations",391,"learning_science",{"id":418,"name":419,"points":420,"category":421},"39807912","Glossarie",363,"languages",{"id":423,"name":424,"points":425,"category":20},"39816836","Jampack",328,{"id":427,"name":428,"points":429,"category":430},"39819458","Tracecat",264,"security_privacy",false,"v2",{"id":434,"name":5,"line":6,"ai":431,"cat":20,"year":13,"points":14,"comments":15,"rec":27,"s":435,"top":18,"kw":436,"maker":11,"domain":10,"tier":19,"attempts":39,"strip":437,"url":9,"mix":438,"praise":63,"objection":92,"sub":21},39793513,0.05,[24,21,25,26],"5310113005110100110533050015555500013001",[30,31,32,33],1794036651653]