98.css:用 CSS 复刻 Windows 98 界面

98.css 是一个专为复刻 Windows 98 经典界面设计的 CSS 库。它完全基于语义化 HTML,无需 JavaScript,就能让现代网页呈现出复古的按钮、复选框、滑块和窗口样式。无论是搭配 React 还是原生 JavaScript,开发者都能轻松调用 unpkg 或 npm 安装,快速构建怀旧风格的 UI。项目强调可访问性,支持自定义样式扩展,同时严格遵循 Microsoft Windows User Experience 的设计规范。如果你怀念那个像素分明、边框立体的时代,98.css 能帮你一键回到 1998。
这个库不包含任何 JavaScript,它只是用一些 CSS 来美化你的 HTML。
HN 评论区
127- jordanscales
这里是作者!这是我用来从职业倦怠中恢复的项目,对我而言意义非凡。https://notes.jordanscales.com/98-css-reflections
- sodapopcan
扁平化设计简直荒谬。它让某些人大赚了一笔。现在所有人却像羊群一样盲目跟风。抱歉说了这么丧的话,但,真的。我本想说我惊讶于我们还没走出这个怪圈,但考虑到这都过去……20 年了(?)……我其实并不惊讶。
另外,当年那些 UI 里多行标签页那种“开箱即用”的顺滑体验 *chef's kiss*
- akx
98.css 及其同类项目一直让我有点抓狂的一点,就是那个 MS Sans Serif 字体总是有那么一点点不对劲。
终于决定动手解决它:https://github.com/jdan/98.css/pull/230
- gnabgib
曾在以下年份热门:
2024(471 分,93 条评论)https://news.ycombinator.com/item?id=42056918
2022(606 分,182 条评论)https://news.ycombinator.com/item?id=33310554
2020(838 分,211 条评论)https://news.ycombinator.com/item?id=22940564
- OsrsNeedsf2P
我真的很想在我的某个网站上用这个……但我就是想不出一个合适的场景。
另外也要提一下 XFCE-winxp-tc,它能让你的 Linux 看起来像 Windows XP。很多人知道 Chicago95,但这个项目对于营造那种 2004 年的氛围简直完美。
- zemo
说真的,我觉得把“置灰按钮”改成“按钮直接消失”是我们这个时代最让人困惑的 UI 趋势之一,看到那种置灰的按钮反而让我心里暖暖的。
- pkage
我用它搭建了我的个人网站:https://ka.ge。这是一个像素级完美(且功能完整)的 Windows 98 桌面环境复刻,体积不到 1MB。
- pxtail
吹毛求疵一下:多行标签页示例中的标签在点击时并没有像本该发生的那样随机改变位置。