A CSS framework to recreate Windows 7 GUI. Accessible, semantic

This page summarizes the projects mentioned and recommended in the original post on news.ycombinator.com

Our great sponsors
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
  • SaaSHub - Software Alternatives and Reviews
  • 7.css

    A JS-independent, tree-shakeable CSS framework for building faithful recreations of the Windows 7 UI.

  • 98.css

    A design system for building faithful recreations of old UIs

  • Very neat and very funny to me as I'm building a project using win98 css.

    https://jdan.github.io/98.css/

    One day kids are going be nostalgic for the windows7 the same way I'm nostalgic for win98.

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo
  • XP.css

    A CSS framework for building faithful recreations of operating system GUIs.

  • 3Dmigoto

    Chiri's DX11 wrapper to enable fixing broken stereoscopic effects.

  • These shaders are *.bin resources embedded in dwmcore.dll.

    This tool can extract https://www.nirsoft.net/utils/resources_extract.html Then, cmd_decompiler.exe from there https://github.com/bo3b/3Dmigoto can either disassemble or decompile these binaries.

    The pixel shaders there include both ps_4_0 code for new GPUs, and ps_2_0 for running on Direct3D9 GPUs.

    They first sample from 4 pixels of the source texture. The sample locations are computed by vertex shaders somehow, and passed in TEXCOORD1 and TEXCOORD2 input registers. 2D sampler needs 2 floats for UV on input, texture coordinate vectors have up to 4 components on GPUs, so they’re packing 4 2D vectors into two 4D ones, and using xy and zw slices of these vectors.

    At this stage, they’re using pre-multiplied alpha.

    For the next step of the pixel shader, they compare alpha with zero. If not zero, they convert the color to straight alpha, apply this formula https://entropymine.com/imageworsener/srgbformula/ to convert from sRGB to linear, then convert back to pre-multiplied alpha.

    For the last step, they’re applying linear transformation to the color using input values passed in the constant buffer. This part varies a lot for different shaders. Some shaders only using a single scalar constant, and returning (alpha.wwww*result)^2 color. Other shaders are using 4x5 transformation matrix in the constant buffer to transform the final color.

  • calculator

    Windows Calculator: A simple yet powerful calculator that ships with Windows

  • > For instance, The Windows 10 start menu uses EdgeHTML inside (just press F7 and Caret Browsing dialog will show up).

    This also happens in Calculator, and if you look at its source code [0], you’ll see it uses XAML views. I think Caret Browsing is a UWP feature, not necessarily an EdgeHTML thing.

    [0]: https://github.com/microsoft/calculator/tree/master/src/Calc...

  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

    WorkOS logo
NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts