←back to thread

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

(jdan.github.io)
838 points bennettfeely | 3 comments | 21 Apr 20 23:51 UTC | HN request time: 0.401s | source
Show context
JansjoFromIkea ◴[22 Apr 20 11:47 UTC] No.22944549[source]▶
Hey man, if you're looking for the fonts I had them on a similar thing I done a while ago. Only normal size unfortunately https://github.com/padraigfl/packard-belle/tree/master/src/_... Cant remember where I sourced them from but it's probably in the code somewhere, the MSSansSerif ones are pixel perfect as far as I'm aware. It outputted CSS to be used independently but it was very much a secondary concern, pretty sure I'd be the only person who knows how to use it without backtracking from the react bits https://github.com/padraigfl/packard-belle/blob/master/css/w... the data-uris might be useful, will have a look through your issues to see if I can help with anything!

Here's the attempt at a Windows 98 recreation I done with it feel free to take whatever from it:

http://packard-belle.netlify.app/

Tried doing a design system thing too but got lazy:

http://packard-belle.herokuapp.com/

replies(2): >>22945692 #>>22947482 #
1. prezjordan ◴[22 Apr 20 14:08 UTC] No.22945692[source]▶
Beautiful work, thanks so much :) I'll keep poking at fonts and see what I can learn https://github.com/jdan/98.css/issues/10

I love that we arrived at the ~same solution using inset shadows for the buttons. Makes me feel validated.

replies(2): >>22946790 #>>22953288 #
2. JansjoFromIkea ◴[22 Apr 20 15:46 UTC] No.22946790[source]▶
genuinely was the whole reason I wound up doing it tbh!

Will take the font discussion over there

3. idiocrat ◴[23 Apr 20 06:14 UTC] No.22953288[source]▶
Take a look at WiseJ. You can actually program fully-fledged WinForms.NET applications for the browser. They have a Vista theme, but not Win98.