Live data from Hacker News

A CSS framework to recreate Windows 7 GUI

github.com

11–20 of 129 posts

Re: A CSS framework to recreate Windows 7 GUI

#11

It's a shame the glass effect isn't able to properly blur the background like native Windows glass does, the legibility is very bad without the blur to eliminate high-frequency detail in the background.

The library uses the backdrop-filter property to blur the background – in firefox that’s currently under a feature flag.

https://bugzilla.mozilla.org/show_bug.cgi?id=1578503

Re: A CSS framework to recreate Windows 7 GUI

#12

I'm beginning to have the feeling Windows 7 is the last Microsoft OS I'll ever feel good about installing.

I've been feeling that way, but I can't tell if it's rational. Windows XP and 7 were the versions of the OS I used the most growing up. Nostalgia? Ever since Windows 8, the OS has felt a lot slower and the UI isn't consistent. I was running something the other day that needed privilege escalation and I had this realization that I would have no idea if a particular UI was cobbled-together-Microsoft-UI or if it was cobbled-together-malware-UI.

Re: A CSS framework to recreate Windows 7 GUI

#13
There are some details from the Win7 UI that is still not in the CSS, for example the gloss which appears when the mouse pointer hovers over the window action buttons.

Next, the dropdown menu isn't like Win7, it follows your browser/operating system's theme. For example, on Firefox-based browsers running on GNU/Linux it follows your GTK theme, rather than the Win7 theme. On standard Chromium-based browsers, it shows it as dark blue rather than glassy light blue of Win7.

Next, the scrollbar doesn't show as the Win7 one on Firefox-based browsers, but does on Chromium ones for some reason.

Re: A CSS framework to recreate Windows 7 GUI

#14
post #12

I'm beginning to have the feeling Windows 7 is the last Microsoft OS I'll ever feel good about installing.

I've been feeling that way, but I can't tell if it's rational. Windows XP and 7 were the versions of the OS I used the most growing up. Nostalgia? Ever since Windows 8, the OS has felt a lot slower and the UI isn't consistent. I was running something the other day that needed privilege escalation and I had this realization that I would have no idea if a particular UI was cobbled-together-Microsoft-UI or if it was cob…

Windows 7 had a very professional feel to me that subsequent versions lack. Probably has to do with attempting to create a unified tablet / phone / desktop experience.

Re: A CSS framework to recreate Windows 7 GUI

#17
post #12

I'm beginning to have the feeling Windows 7 is the last Microsoft OS I'll ever feel good about installing.

I've been feeling that way, but I can't tell if it's rational. Windows XP and 7 were the versions of the OS I used the most growing up. Nostalgia? Ever since Windows 8, the OS has felt a lot slower and the UI isn't consistent. I was running something the other day that needed privilege escalation and I had this realization that I would have no idea if a particular UI was cobbled-together-Microsoft-UI or if it was cob…

I held out on "upgrading" to 10 until support was dropped last year.

7 was a huge step forward, with better performance than Vista and all kinds of QOL improvements (Windows Search, DX11 being some big ones).

10 also has some amazing improvements (automatic driver installs via Windows Update being the first thing that springs to mind[1]), but they've unfortunately let ads and anti-features (Bing, Cortana, App "Suggestions", News & Weather Bar) infiltrate and drag everything down. I cringe every time there's a major feature update, because I know I'll have to either change settings or download a tool to remove all of the bullshit they've just added.

[1]Yes, I know about FTDIgate. That was the exception, not the rule.

Re: A CSS framework to recreate Windows 7 GUI

#18
post #5

Ha! What a delightful little project. Thanks for sharing. I can think of all kinds of fun stuff you could do with this. Reminds me of that fake windows update prank. We used to put it on people's screen and maximize it if they forgot to lock their pc. https://fakeupdate.net/

Ha! Best part of these fake updates is when they go beyond 100%! Still remember my colleagues face at 105% asking me "ehhh, what do I do now?"

Re: A CSS framework to recreate Windows 7 GUI

#19
post #10
post #8

I’m sorry but this is not the 7 GUI. These all look like straight linear gradients with no breakpoints in how harsh they appear in this library. To the creator I’d suggest using photoshop or Figma to relocate the design elements, then translate the breakpoints to CSS to make the components more realistic. Great start though!

Agree, it still looks stiff and far from the 7 GUI. Would you care to elaborate more on the breakpoints you talk about, or is there any good resource I could take to learn more? Thanks.

I assume that they are talking about easing gradients, which is interpolating the gradient’s color stops using a cubic bézier easing function [1]. It gets rid of the sharp edge you sometimes see in linear gradients. Think of CSS animations and their easing-functions.

There are various Sketch and Figma plugins which let you modify the easing function and generate the CSS for it.

[1] https://css-tricks.com/easing-linear-gradients/

Re: A CSS framework to recreate Windows 7 GUI

#20
I really enjoy the Aero glass effect from Windows 7 and feel unfortunate when Microsoft removed it in Windows 8. I tried to disassemble DWM to find out its implementation but it did not work, since I have no experience in reverse engineering and Win32 developing. This project seems to recreate a pretty good Aero effect and I'm happy with it, even though there are flaws.

Hopefully someone could analysis how Microsoft achieved this effect and port it to a X11 compositor.

Post reply on HN