CSS '98.css' that can apply Windows 98 design to website, fierce person who reproduces OS on the web



Engineer

Jordan Scales developed CSS ' 98.css ' that can be used on the website for the design of ' Windows 98 ' released by Microsoft in 1998, and has published it on GitHub.

98.css-A design system for building faithful recreations of old UIs
https://jdan.github.io/98.css/



With 98.css, you can apply a Windows 98-like design to your website. The button design looks like this.



Check boxes ...



Radio button.



There is also a window element.



To use 98.css easily, import 98.css using the link tag of HTML. I will write the HTML which imported 98.css as a trial.

[code]


98.css test






I tried using 98.css








Hello! How are you feeling today?

















[/ code]



Displaying the described HTML on a web browser looks like this.



A code sample using

React of the JavaScript library is also available.

objective-chandrasekhar-t5t6h-CodeSandbox
https://codesandbox.io/s/objective-chandrasekhar-t5t6h?file=/src/index.js



Frontend engineer

Padraig reproduces Windows 98 with a web browser using this 98.css, and you can actually try it by accessing the following URL.

Windows 98-Packard Belle
https://packard-belle.netlify.app/

When you access the website, a display imitating the boot screen of BIOS appears. It seems to be faithfully reproducing the Packard Bell PC of that time.



After a while, Windows 98 starts.



The desktop is displayed. Although it cannot be confirmed in the image, the flicker of the CRT screen is reproduced.



It is said that Windows 98 fonts are also used.



Compared with '

Windows 98-Virtual x86 ', there is less software that works, but it was possible to enter characters in Notepad.

Related Posts:

in Software, Posted by darkhorse_log