Live data from Hacker News

98.css – design system for building faithful recreations of Windows 98 UIs

jdan.github.io

41–50 of 185 posts

Re: 98.css – design system for building faithful recreations of Windows 98 UIs

#41
post #19

Also see XP and 7 versions: https://botoxparty.github.io/XP.css/ https://khang-nd.github.io/7.css/

I'm a bit disappointed by the XP version's use of bitmaps for certain elements; it's completely possible to achieve the XP look purely with box-shadow properties.

Re: 98.css – design system for building faithful recreations of Windows 98 UIs

#44
post #42
post #5

I give this a “10” on the UI usability scorecard.

The UIs around the year 2001 were fantastically accessible. The recent obsession with flatness undid a lot of good practices.

I like the SerenityOS design choices. Looks pretty much like a 2001-or-so UI, but adopting more modern design elements (such as, e.g. breadcrumb navigation widgets) where they actually make sense.

Re: 98.css – design system for building faithful recreations of Windows 98 UIs

#45
post #30
post #3

Honestly full-assed implementation. Font hinting is a bit odd with a green sheen on Firefox Win 10...

There are some minor discrepancies. Window titlebars weren't gradient in Win98 - that came in Win2k and WinME. The combobox dropdown has rounded ages (Win11 + Edge) and there's a gap between it and the textbox. The tree view has different widths for "+" and "-" on the nodes, and neither is properly aligned with the dotted lines of the tree. The biggest giveaway, though, is that you can drag to highlight text pretty m…

Styling drop-down contents in most modern browsers os either very limited or impossible. That's why so many UI frameworks reimplement them from scratch, usually with the help of JavaScript

Re: 98.css – design system for building faithful recreations of Windows 98 UIs

#46
post #3

Honestly full-assed implementation. Font hinting is a bit odd with a green sheen on Firefox Win 10...

I noticed that too! I wonder what's happening there. I searched the CSS and there's nothing like green in there... Anyone have clues as to what's causing the text within textboxes and such to be green?

Re: 98.css – design system for building faithful recreations of Windows 98 UIs

#48
Very nice and very clean! And I love the demo page. May deserve an update for styled pop-up menus, which became available recently, compare [1].

(Minor nitpick: I'm missing the combo box, the much discussed genuine UI element of Windows. – Have a look at datalists for input elements.)

[1] https://web.dev/state-of-css-2022/#customizing-select-elemen...

Post reply on HN