An important nuance for me in "classic" 3D styles is wether the font in a button get sunken when I click it. It adds much "feel" for me.
98.css – design system for building faithful recreations of Windows 98 UIs
141–150 of 185 posts
Re: 98.css – design system for building faithful recreations of Windows 98 UIs
#142Can we also get a Windows Vista version? That was the BEST Windows ever! I liked it so much!
Either this is some sarcasm, or this is the first time I found anyone that liked Vista.
It ran on one of my laptops for many years without any problems.
One strange thing: that laptop seemed to have a rare chipset and Vista was the only OS that came with the correct drivers for power management. I spent several weeks in vain trying to persuade other operating systems (tried old and new versions of Windows and Linux, various drivers and configuration hacks) not to turn the thing into a heater even at 0% CPU load.
Pretty sad. The hardware is still fully functional.
Re: 98.css – design system for building faithful recreations of Windows 98 UIs
#143Tiny nitpick – buttons don't look like that when pressed in Windows 98 (or any version of Windows for that matter). This is what they're supposed to look like: https://imgur.com/a/iFMJCER (98.css on top, Windows 98 below) As far as I'm aware, the only buttons that look like that when pressed are the Start menu button and taskbar buttons. Similarly, buttons are supposed to have a black border in addition to the dotted…
I think the thick black border marks the "default dialog button", not focus.
It does both. Black border alone marks the default button in the dialog (unless another button is focused), black border + dotted outline marks focus.
I double checked in a VM running Windows 98 earlier today. I suspect some of these 9x recreations are based solely on screenshots, in which details like active and focus states are not obvious.
Re: 98.css – design system for building faithful recreations of Windows 98 UIs
#144Earlier quoted context omitted.
To give it some credit, CRTs handle such contrast quite differently to modern screen technologies. The CRT itself added a tiny bit of colour bleed and blurring and the fact the colour is radiated out (rather than filtered out, like on LCD based technologies) gave it more contrast than you'd think looking at these colours now.
Quoted post unavailable.
WCAG defines different contrast rules for different font sizes. Thus "colors are colors" is not strictly true when it comes to evaluating contrast.
On an old CRT, this elements were probably huge (measured in centimeters) compared to how I look at them on my 4k screen now. And that matters when talking about contrast.
Re: 98.css – design system for building faithful recreations of Windows 98 UIs
#145Earlier quoted context omitted.
To give it some credit, CRTs handle such contrast quite differently to modern screen technologies. The CRT itself added a tiny bit of colour bleed and blurring and the fact the colour is radiated out (rather than filtered out, like on LCD based technologies) gave it more contrast than you'd think looking at these colours now.
Quoted post unavailable.
Colours on a properly calibrated CRT are indeed the same as on a calibrated LCD. However, most screens in the world are far from calibrated.
CRTs definitely had worse sharpness, but their colour contrast in areas where light and dark were next to each other was better then even some monitors sold today. I think the blur of the CRT screen is essential for the pixel-perfect look of 90s GUIs as they were designed with the colour stretching in mind.
My computer screens have about four or five dimming zones between them at best and this becomes painfully obvious when trying to watch high-contrast imagery. Single-pixel lines also need to align perfectly with the pixels on my screen or require some kind of blurry processing or you'll get weird artifacts (as others mention, this CSS adds a green tint to some LCD displays). When my screen renders mostly black it's black enough, but when it needs to render black lines over a grey background, the result just doesn't work like it would've on a CRT screen, which has an entirely different image buildup.
Sure, I know that HDR screens with 600 nits exist and I know that they're better than any CRT ever produced has ever been, but for most people, those fancy expensive screens are simply out of reach for the majority of people because of their price. The mediocre mid-range screens are what most people actually rely on for their business and that's the painful truth when designing anything. We can compensate for that in our designed by using the higher pixel densities of modern monitors and adding all kinds of effects, but in my experience, this simply wasn't necessary for CRTs exactly because of their flaws.
CRTs have also been obviously superior for quite a lot longer than people seem to remember. The first generations of LCD screens were simply awful to look at. They were unresponsive, bland, had terrible contrast, the colour representations were all over the place because of needing analog to digital conversion, the UIs of the time were all designed with the blurry CRT effect in mind, the viewing angles were atrocious, it was all quite bad unless you went for the top of the market. I'm sure the more modern flat design and newness of these devices made people buy them before they were any good, but back in those days a high-res CRT would've been a far superior option for anyone not constrained by physical space.
I've recently turned on an old flat screen I found lying around at my parents' place that I thought back in the day was a good screen back then. Looking at it with modern eyes, it's absolutely terrible, actually worse than the 90s CRTs I've used.
Re: 98.css – design system for building faithful recreations of Windows 98 UIs
#146This is wonderful work. One little issue I noticed is that when I click on Cick me, Submit or Reset button the rest of the page below shifts a little down. The page resets to normal when I release the button. Reproducible on Chrome on mac. Does anyone else notice this? Not sure if this is an issue with the CSS or the page layout.
Re: 98.css – design system for building faithful recreations of Windows 98 UIs
#147Is there something like this for like mid-90s Unix X-Windows or something along those lines?
Not sure if this is what you're looking for, but I made this based on the look of CDE: https://nielssp.github.io/classic-stylesheets/?theme=cde&ski... It also includes all the default color schemes.
Yes thank you!!
Re: 98.css – design system for building faithful recreations of Windows 98 UIs
#148Doesn't seem faithful enough. Windows 98 UIs looked better than this and didn't use green text.
Re: 98.css – design system for building faithful recreations of Windows 98 UIs
#149Earlier quoted context omitted.
Ideally it should support easy recoloring to match any of the exciting Windows classic themes! Hotdog Stand support when? Also, agree that Win2000's color scheme was the best looking iteration of the classic Windows look.
I'm still using the Windows 2000 background colour, #3a6ea5, on my dwm setup. It's perhaps a little bit sad that I can recite that from memory.
> It's perhaps a little bit sad that I can recite that from memory.
No, it just tells a story of what you've been in to years ago.
The color codes burned into my memory are: #aeaedd, #11ff11 and #dddd11. Who wants to guess where these came from?
Re: 98.css – design system for building faithful recreations of Windows 98 UIs
#150Also see XP and 7 versions: https://botoxparty.github.io/XP.css/ https://khang-nd.github.io/7.css/
I built https://simulator.money using this