It is rather amusing how this doesn't work in IE11. I'd almost be inclined to fork and make a version that does, just for the heck of it... for you know, corporate environments that need Win98-styled intranets :)
98.css – design system for building faithful recreations of Windows 98 UIs
181–190 of 216 posts
Re: 98.css – design system for building faithful recreations of Windows 98 UIs
#182I don't know what it is about the 95, 98, 2000 era of Windows UI and aesthetics but I still strongly prefer it.
It was functional and clear, unlike modern "hide everything" UIs?
Very true, especially when it comes to scroll bars and similar elements. While I do enjoy some "modern" aesthetics from time to time, the Win98 style UI just feels far more "productive", for lack of a better term.
And as much as I like that Linux in many ways often keeps that type of UI around, I still feel like Win98 did it better (almost can't believe I'm saying that).
Re: 98.css – design system for building faithful recreations of Windows 98 UIs
#183Hey 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 su…
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.
genuinely was the whole reason I wound up doing it tbh!
Will take the font discussion over there
Re: 98.css – design system for building faithful recreations of Windows 98 UIs
#184Earlier quoted context omitted.
> XP styling was pretty good for its era. XP was skinned like a very tacky Fischer Price toy, with garish colors and oversized elements that would have been more at home on a touchscreen. I don't think anyone called it a good theme unsarcastically. Why do we even need always visible scroll bars? They just take screen space and billions of people do fine without them on Macs and mobile OSes.
> very tacky Fischer Price toy As in "something even a child could use"? Indeed > Why do we even need always visible scroll bars? To know how long the page is, to know what state we are BEFORE we interact with it, to know that there is no such a thing as "above the fold" or other nonsense, etc. Now allow me to ask you, with no intention to sound like an ass: why would you hide bars apart from saving 20px (which I ass…
> To know how long the page is
Why? How often the first thing you do is look at the scroll bar and close a document because it's too short or too long?
If you're gonna read it you'll read it regardless of its length.
If you want to do anything else, like printing, you'll see the document size.
> to know what state we are BEFORE we interact with it
Why? If you open a new document you'll be at the top.
It's almost always immediately obvious that there would be more text.
If it's a previously opened document then you may be in the position you were in when you last opened it. In which case, you would remember that you're not at the beginning or end, and again it's usually immediately obvious that you're not at the beginning or end.
We come down to these facts:
- There's almost NO case that's ALWAYS improved by having always visible bars.
- Hidden bars always save screen space for more content and reduced clutter.
- Literally billions of people are fine with hidden bars (iOS, Android, Mac)
- If you need to see scroll bars, there's an option, at least on Mac.
Optional scroll bars are win/win.
Re: 98.css – design system for building faithful recreations of Windows 98 UIs
#185This is very cool! Mind if I fork and re-work to look like Solaris? :D
Re: 98.css – design system for building faithful recreations of Windows 98 UIs
#186Wow that's pretty fleshed out. I created something similar 3 years ago, but I lost motivation (named it the same too haha): https://github.com/LakenH/98css
Re: 98.css – design system for building faithful recreations of Windows 98 UIs
#187Earlier quoted context omitted.
95 and XP both had good scroll bars. XP styling was pretty good for its era. Modern day scroll bars are atrocious on a lot of toolkits.
> XP styling was pretty good for its era. XP was skinned like a very tacky Fischer Price toy, with garish colors and oversized elements that would have been more at home on a touchscreen. I don't think anyone called it a good theme unsarcastically. Why do we even need always visible scroll bars? They just take screen space and billions of people do fine without them on Macs and mobile OSes.
> Why do we even need always visible scroll bars? They just take screen space and billions of people do fine without them on Macs and mobile OSes.
Don't get me started.
Pros of a proper always-present scrollbar with appropriately-styled thumb:
- It indicates that the thing you're viewing even is scrollable. - You can see at once where you are in a document, and how large it is relative to your viewport. - It offers a convenient UI to scroll in both small or large amounts, or scroll to the very top or bottom. For lots of uses the scroll wheel on your mouse is a substitute, but certainly not for everything.
Cons:
- It takes a tiny bit of screen real estate - It offends some people's esthetics taste, I guess
Re: 98.css – design system for building faithful recreations of Windows 98 UIs
#188Earlier quoted context omitted.
> very tacky Fischer Price toy As in "something even a child could use"? Indeed > Why do we even need always visible scroll bars? To know how long the page is, to know what state we are BEFORE we interact with it, to know that there is no such a thing as "above the fold" or other nonsense, etc. Now allow me to ask you, with no intention to sound like an ass: why would you hide bars apart from saving 20px (which I ass…
> To know how long the page is Why? How often the first thing you do is look at the scroll bar and close a document because it's too short or too long? If you're gonna read it you'll read it regardless of its length. If you want to do anything else, like printing, you'll see the document size. > to know what state we are BEFORE we interact with it Why? If you open a new document you'll be at the top. It's almost alwa…
>> To know how long the page is
> Why? How often the first thing you do is look at the scroll bar and close a document because it's too short or too long?
> If you're gonna read it you'll read it regardless of its length.
Something short, looking remotely interesting, I'll probably read in full. Something long, I'll probably skim to see if there's anything interesting buried in there. If I'm reading it completely, glancing at the scroll bar tells me where I am in the document so it tells me if the document is reaching its conclusion, or perhaps just going on a side note.
If you read a book, don't you first see how thick it is, and while reading sometimes watch how far in the book you are?
>> to know what state we are BEFORE we interact with it
> Why? If you open a new document you'll be at the top.
A bit later, when I have read a page or two, how far have I advanced? How much more is there to come, or not?
> It's almost always immediately obvious that there would be more text.
It's most certainly not always immediately obvious. And even when it is, it is very useful to know how much more text (or other content).
> - There's almost NO case that's ALWAYS improved by having always visible bars.
Perhaps not. But there lots of cases that are almost always improved by proper scroll bars.
> - Hidden bars always save screen space for more content and reduced clutter.
A tiny amount, certainly on today's screens.
> - If you need to see scroll bars, there's an option.
Where? I mean, are we talking about UX design in general, or do you have an explicit implementation in mind where you can optionally enable scroll bars? I don't think I've ever seen such an option, and certainly not easily accessible.
Re: 98.css – design system for building faithful recreations of Windows 98 UIs
#189Hey 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 su…
This looks so good, especially the fake monitor effects
Re: 98.css – design system for building faithful recreations of Windows 98 UIs
#190> Today's mood > > Claire Saffitz > > Brad Leone > > Chris Morocco > > Carla Lalli Music I just wanted to let the author know that at least one other person appreciates this though tbh most of the time for me it's Sohla.
If anyone's wondering, these are the people that regularly appear on Bon Appetit magazine's YouTube channel.