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.
A CSS framework to recreate Windows 7 GUI
11–20 of 129 posts
Re: A CSS framework to recreate Windows 7 GUI
#12I'm beginning to have the feeling Windows 7 is the last Microsoft OS I'll ever feel good about installing.
Re: A CSS framework to recreate Windows 7 GUI
#13Next, 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
#14I'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…
Re: A CSS framework to recreate Windows 7 GUI
#15Re: A CSS framework to recreate Windows 7 GUI
#16Also I love that it's an extension of XP.css, which is an extension of 98.css.
Re: A CSS framework to recreate Windows 7 GUI
#17I'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…
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
#18Ha! 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/
Re: A CSS framework to recreate Windows 7 GUI
#19I’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.
There are various Sketch and Figma plugins which let you modify the easing function and generate the CSS for it.
Re: A CSS framework to recreate Windows 7 GUI
#20Hopefully someone could analysis how Microsoft achieved this effect and port it to a X11 compositor.