XP.css
Dev tools
css framework
SHOW HN2020
297points
84comments
#140of 3,028 in 2020
Top 5%of 2020 by points
How HN took it
MixedNo clear lean
13 positive, 4 neutral or asking, 12 mixed, 8 critical, out of 37 comments about the project. Thread score +0.11.
Design: 7 for, 1 againstExecution: 0 for, 6 againstIdea: 3 for, 1 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
Dropdowns are styled and native, working well on mobile
From 3 comments
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…
toastal on HNThis one also includes a styled Dropdown, which missed from the 98 one.
yreg on HNI like everything but the font. The dropdowns in particular are superior to browser defaults.
rapind on HN
Objections
Broken checkbox and checkmark rendering on iOS and Safari
From 4 comments
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.
pmalynin on HNIt'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`.
baddox on HNThe checkboxes don’t seem to render correctly in Safari (iOS).
hnarn on HNBroken in safari ios
sdwvit on HN
Title bar is too thick and hover fade effects are off
From 2 comments
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…
theandrewbailey on HNThe fade when hovering & clicking the minimize/maximize/close buttons in the title bar should be removed, otherwise pretty neat.
root670 on HN
Pixelated font scaling looks poor on high-DPI and at 90% zoom
From 2 comments
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.
pix64 on HNIf I display the page in 90% size, the images are become dirty. If I enhance to >100% they seem to be fine.
zmix on HN
Missing keyboard default-button focus behaviour
From 1 comment
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…
TazeTSchnitzel on HN
Requests
Windows 2000 or Windows 7 version
From 2 comments
If we could get a windows 2000 version of this I would 100% use it for real projects...
mathiasrw on HNThis 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…
vsskanth on HN
Mac OS-style alternative
From 1 comment
Is there a macos alternative? A mac like UI is something I'd personally be happy to use in prod.
shivekkhurana on HN
Scrollbar hover states and mobile scrollbar support
From 2 comments
It's awesome and nostalgic! Just one thing: the scroll bars should change color/brightness when they're hovered/clicked.
behnamoh on HNYou 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.
swiley on HN
Questions
Is there a macOS-style equivalent?
From 1 comment
Is there a macos alternative? A mac like UI is something I'd personally be happy to use in prod.
shivekkhurana on HN
Alternatives named
98.css
From 3 comments
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.…
bawolff on HNWill the 98.css version do? https://github.com/jdan/98.css
Jaruzel on HNIt’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…
ComputerGuru on HN
Fluent UI
From 1 comment
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…
worble on HN
reactdesktop.js
From 1 comment
Doesn't really fit your 'outside any UI framework' requirement but there is http://reactdesktop.js.org/ Does a pretty good job at mimicking both Windows 10 and Mac OS. If there…
plorntus on HN