[{"data":1,"prerenderedAt":462},["ShallowReactive",2],{"project-23205579":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":46,"post_text":47,"what":48,"said":51,"maker_in_thread":183,"shape":185,"grid":189,"attempts":424,"same_week":425,"maker_shows":40,"maker_hidden":454,"reader_version":455,"card":456},"23205579","XP.css","Windows XP CSS file and framework for building GUIs","title","Show HN: XP.css – Windows XP CSS file and framework for building GUIs","https:\u002F\u002Fbotoxparty.github.io\u002FXP.css\u002F","botoxparty.github.io","botoxparty",1589651359,2020,297,84,140,3028,5,"legend","dev_tools","css framework","library",[24,25,21,26],"windows xp css","retro css","windows xp theme","mixed",0.108,{"positive":30,"neutral":31,"mixed":32,"critical":33},13,4,12,8,37,{"docs":36,"design":38,"execution":41,"idea":43,"performance":45},{"positive":37,"critical":37},0,{"positive":39,"critical":40},7,1,{"positive":37,"critical":42},6,{"positive":44,"critical":40},3,{"positive":37,"critical":37},[18,44,44,37,37,37,37,37,37,37,40,40,44,18,18,37,37,37,37,37,37,44,37,18,18,44,44,18,37,44,37,18,44,44,40,18,40,18,44,40],null,{"problem":47,"audience":47,"pricing":47,"motivation":47,"time_to_build":47,"stack":49,"openness":50,"stage":50,"team_size":50},[],"unknown",{"praise":52,"objections":69,"requests":118,"questions":148,"alternatives":153},[53],{"value":54,"source":55,"evidence":56},"Dropdowns are styled and native, working well on mobile","commenter",[57,61,65],{"id":58,"by":59,"text":60},"23210800","toastal","I appreciate that the dropdowns are native so they actually work on mobile. I think the treeview (and others) however should select off of the aria roles for this kind of widget…",{"id":62,"by":63,"text":64},"23210526","yreg","This one also includes a styled Dropdown, which missed from the 98 one.",{"id":66,"by":67,"text":68},"23208508","rapind","I like everything but the font. The dropdowns in particular are superior to browser defaults.",[70,89,100,111],{"value":71,"source":55,"evidence":72},"Broken checkbox and checkmark rendering on iOS and Safari",[73,77,81,85],{"id":74,"by":75,"text":76},"23208095","pmalynin","Looks good, but seems to be really broken on my iPhone. The checkmarks float below the checkbox, and the slider also seems to have a check mark in it.",{"id":78,"by":79,"text":80},"23209540","baddox","It's broken on MacOS Safari as well. It looks like they need to add a `top: 0` to the selector `input[type=checkbox]:checked+label:after`.",{"id":82,"by":83,"text":84},"23210005","hnarn","The checkboxes don’t seem to render correctly in Safari (iOS).",{"id":86,"by":87,"text":88},"23209357","sdwvit","Broken in safari ios",{"value":90,"source":55,"evidence":91},"Title bar is too thick and hover fade effects are off",[92,96],{"id":93,"by":94,"text":95},"23207841","theandrewbailey","Wow, that's awesome! Title bars are a bit thick. Take off the min-height, and you're practically there. The title bar gradient seems a bit off, but unless you're looking at an XP…",{"id":97,"by":98,"text":99},"23207872","root670","The fade when hovering & clicking the minimize\u002Fmaximize\u002Fclose buttons in the title bar should be removed, otherwise pretty neat.",{"value":101,"source":55,"evidence":102},"Pixelated font scaling looks poor on high-DPI and at 90% zoom",[103,107],{"id":104,"by":105,"text":106},"23209553","pix64","Font scaling on \"Pixelated MS Sans Serif\" is terrible in Windows (both Firefox and Chrome). This does not look correct on a high dpi monitor.",{"id":108,"by":109,"text":110},"23209457","zmix","If I display the page in 90% size, the images are become dirty. If I enhance to >100% they seem to be fine.",{"value":112,"source":55,"evidence":113},"Missing keyboard default-button focus behaviour",[114],{"id":115,"by":116,"text":117},"23210935","TazeTSchnitzel","I have tried before to recreate the 95 UI in CSS. I didn't release the results but I was quite happy with what I managed. Honestly, I should probably contribute to these…",[119,130,137],{"value":120,"source":55,"evidence":121},"Windows 2000 or Windows 7 version",[122,126],{"id":123,"by":124,"text":125},"23211750","mathiasrw","If we could get a windows 2000 version of this I would 100% use it for real projects...",{"id":127,"by":128,"text":129},"23208522","vsskanth","This brings back so many memories! I hope there is a windows 7 css out there. Every time I have to use UWP apps I feel really sad and angry about how much Windows Desktop UI has…",{"value":131,"source":55,"evidence":132},"Mac OS-style alternative",[133],{"id":134,"by":135,"text":136},"23209339","shivekkhurana","Is there a macos alternative? A mac like UI is something I'd personally be happy to use in prod.",{"value":138,"source":55,"evidence":139},"Scrollbar hover states and mobile scrollbar support",[140,144],{"id":141,"by":142,"text":143},"23210434","behnamoh","It's awesome and nostalgic! Just one thing: the scroll bars should change color\u002Fbrightness when they're hovered\u002Fclicked.",{"id":145,"by":146,"text":147},"23210573","swiley","You can almost hear ticks and shwoops from XP! That’s fantastic! I wish the scroll bars worked on mobile but that probably needs JS in addition to the CSS.",[149],{"value":150,"source":55,"evidence":151},"Is there a macOS-style equivalent?",[152],{"id":134,"by":135,"text":136},[154,169,176],{"value":155,"source":55,"evidence":156},"98.css",[157,161,165],{"id":158,"by":159,"text":160},"23208270","bawolff","This is cool, but To me, the 98.css rocks more. It feels like a more clear and consistent ui. I wonder if that's really true or if its just ny nostalgia for what i had as a kid.…",{"id":162,"by":163,"text":164},"23211813","Jaruzel","Will the 98.css version do? https:\u002F\u002Fgithub.com\u002Fjdan\u002F98.css",{"id":166,"by":167,"text":168},"23208928","ComputerGuru","It’s honestly great - it’s what I was hoping someone would make when the 98.css made it to HN - but does the kerning have to suck? What’s wrong with beautiful typography that’s…",{"value":170,"source":55,"evidence":171},"Fluent UI",[172],{"id":173,"by":174,"text":175},"23210942","worble","While its not exactly Windows 10, MIcrosoft's design system is called \"Fluent UI\"[0] which includes what they use for the Web. It features a similar flat UI but isn't exactly a…",{"value":177,"source":55,"evidence":178},"reactdesktop.js",[179],{"id":180,"by":181,"text":182},"23210117","plorntus","Doesn't really fit your 'outside any UI framework' requirement but there is http:\u002F\u002Freactdesktop.js.org\u002F Does a pretty good job at mimicking both Windows 10 and Mac OS. If there…",{"comments":37,"answered":37,"key":184},[],{"commenters":186,"max_depth":18,"maker_replies":37,"first_comment_mins":187,"lifespan_hours":188},71,231,43,[190,194,198,202,206,209,211,214,216,218,220,223,226,228,231,233,236,239,241,243,246,249,251,253,257,258,259,263,266,268,272,275,278,281,284,287,290,293,296,299,302,305,308,311,314,318,321,323,326,329,332,336,339,340,342,346,349,351,354,357,358,359,363,365,368,371,373,375,377,381,383,385,387,392,394,398,400,402,406,410,413,415,417,422],[191,37,18,192,193,37],"23207838","project\u002Fpositive\u002Fnone","karateka",[195,37,37,196,197,37],"23210274","commenter\u002Fneutral\u002Fnone","someperson",[199,37,44,200,201,37],"23211054","project\u002Fneutral\u002Fdocs","znpy",[203,37,37,204,205,37],"23211585","other\u002Fneutral\u002Fnone","mdre",[207,37,37,204,208,37],"23211702","parkovski",[115,40,44,210,116,37],"project\u002Fmixed\u002Fdesign",[212,40,37,196,213,37],"23211895","ptx",[215,40,37,196,116,37],"23220039",[217,40,37,196,213,37],"23221783",[219,40,37,196,116,37],"23221929",[127,221,37,222,128,37],2,"other\u002Fneutral\u002Fdesign",[224,221,37,222,225,37],"23208543","Multicomp",[227,221,37,222,128,37],"23208640",[229,221,37,222,230,37],"23208690","userbinator",[232,221,37,204,167,37],"23208920",[234,221,37,222,235,37],"23209387","voldacar",[237,221,37,196,238,37],"23210070","vbezhenar",[240,221,37,196,235,37],"23210227",[242,221,37,196,142,37],"23210398",[244,221,37,204,245,37],"23209298","mycall",[247,221,37,196,248,37],"23209439","tasogare",[250,221,37,196,245,37],"23209595",[74,44,40,252,75,37],"project\u002Fcritical\u002Fexecution",[254,44,44,255,256,37],"23209238","project\u002Fmixed\u002Fexecution","giffarage",[78,44,40,252,79,37],[166,31,44,210,167,37],[260,31,37,261,262,37],"23209717","commenter\u002Fneutral\u002Fdesign","freeone3000",[264,31,18,265,142,37],"23210381","project\u002Fpositive\u002Fidea",[267,31,37,261,63,37],"23210544",[269,18,18,270,271,37],"23212483","project\u002Fpositive\u002Fdesign","ddevault",[273,18,37,196,274,37],"23212533","charles_f",[276,18,37,222,277,37],"23212803","mhd",[279,18,37,222,280,37],"23213355","Fiveplus",[282,42,37,222,283,37],"23207422","olq",[285,42,37,204,286,37],"23207945","quickthrower2",[288,42,37,196,289,37],"23207978","smitty1e",[291,42,37,204,292,37],"23208188","innocenat",[294,42,37,204,295,37],"23209695","OkGoDoIt",[297,42,37,204,298,37],"23208070","shawa_a_a",[300,42,37,204,301,37],"23208281","nivethan",[303,42,37,204,304,37],"23209495","LargoLasskhyfv",[306,42,37,204,307,37],"23209351","spideymans",[309,42,37,204,310,37],"23214175","bmn__",[312,42,37,204,313,37],"23211588","Fannon",[315,42,44,316,317,37],"23208198","project\u002Fmixed\u002Fperformance","mrighele",[319,42,37,222,320,37],"23208328","mehrdadn",[322,42,37,222,225,37],"23208530",[324,39,37,204,325,37],"23210613","emdowling",[327,33,18,265,328,37],"23211823","crizzlenizzle",[330,331,18,270,201,37],"23211033",9,[333,334,18,270,335,37],"23208403",10,"marakv2",[337,334,18,270,338,37],"23208468","Reelin",[66,334,44,210,67,37],[93,341,44,210,94,37],11,[343,32,44,344,345,37],"23214565","project\u002Fneutral\u002Fdesign","vehemenz",[347,32,37,222,348,37],"23216907","MartijnBraam",[350,30,18,265,109,37],"23209453",[352,30,37,204,353,37],"23209567","smnrchrds",[355,30,37,204,356,37],"23209600","kn0where",[180,30,37,204,181,37],[173,30,37,204,174,37],[360,361,37,204,362,37],"23212004",14,"rutchkiwi",[158,364,44,210,159,37],15,[366,364,37,222,367,37],"23210446","soylentgraham",[369,364,37,204,370,37],"23211976","toyg",[141,372,18,270,142,37],16,[145,374,44,210,146,37],17,[97,376,44,210,98,37],18,[378,379,44,210,380,37],"23211965",19,"hawski",[108,382,40,252,109,37],20,[123,384,18,192,124,37],21,[162,384,44,386,163,37],"project\u002Fneutral\u002Fnone",[388,389,40,390,391,37],"23210543",22,"project\u002Fcritical\u002Fdesign","butz",[62,393,18,270,63,37],23,[395,396,18,270,397,37],"23209850",24,"chj",[82,399,40,252,83,37],25,[58,401,44,255,59,37],26,[403,404,18,192,405,37],"23209886",27,"CawCawCaw",[407,408,44,210,409,37],"23209689",28,"speedgoose",[411,408,37,261,412,37],"23210339","captainmuon",[134,414,44,344,135,37],29,[86,416,40,252,87,37],30,[418,419,40,420,421,37],"23208721",31,"project\u002Fcritical\u002Fidea","sebyx07",[104,423,40,252,105,37],32,[],[426,431,435,440,445,450],{"id":427,"name":428,"points":429,"category":430},"23209142","toro",551,"finance_crypto",{"id":432,"name":433,"points":434,"category":430},"23190921","senator-filings",350,{"id":436,"name":437,"points":438,"category":439},"23180298","Virtual Reality DOS",206,"games",{"id":441,"name":442,"points":443,"category":444},"23223358","aitextgen",174,"ai",{"id":446,"name":447,"points":448,"category":449},"23215360","Career Fair",161,"productivity",{"id":451,"name":452,"points":453,"category":449},"23204641","bookmark_ui_demo",124,false,"v2",{"id":457,"name":5,"line":6,"ai":454,"cat":20,"year":13,"points":14,"comments":15,"rec":27,"s":458,"top":18,"kw":459,"maker":11,"domain":10,"tier":19,"attempts":37,"strip":460,"url":9,"mix":461,"praise":54,"objection":71,"sub":21},23205579,0.11,[24,25,21,26],"5330000000113550000003055335030533151531",[30,31,32,33],1794036590606]