闲暇之余,简单模拟了一个 web 版的 macOS 桌面

1 天前
 nzbin

特别声明:本项目不是一个完整的 web 桌面项目,大佬们轻喷 😅

不得不说,单纯用 CSS 模拟一套 macOS UI 确实非常困难,毛玻璃的效果不管怎么调试总感觉和原生效果有差距,还有 1px 边框、window 阴影这些调试起来真的很费精力。另外,我发现操作系统的交互效果和 web 端有很多不同之处,比如鼠标移到 button 上不是一个小手。

🕹️ 在线体验: https://acrodata.github.io/rnd-dialog/

⭐ 仓库地址: https://github.com/acrodata/rnd-dialog

1621 次点击
所在节点    程序员
15 条回复
tonytonychopper
1 天前
拖动的时候有点掉帧
bsg1992
1 天前
Safari 打不开 报错 Unexpected token '{'
MossFox
1 天前
nzbin
1 天前
@tonytonychopper 嗯,换 translate 属性应该会好很多
nzbin
1 天前
@bsg1992 我这可以,估计版本太低
nzbin
1 天前
@MossFox 哈哈,这类项目其实很多的,娱乐性大于实用性
bsg1992
1 天前
@nzbin 版本 16.1 (18614.2.9.1.12) 用还可以吧 MacOS 13
lizhenda
21 小时 21 分钟前
还是有点太简陋了呀,继续完善下,多搞点 APP 吧
guhuisec
12 小时 54 分钟前
看看我开发的这个吧: https://www.webdesk.cc/ 挺多人用
nzbin
11 小时 23 分钟前
@lizhenda 我更想用 CSS 搞一套 macOS UI 😁
interrorcode
11 小时 19 分钟前
纯娱乐吗?还是说后续有其他计划
nzbin
10 小时 50 分钟前
@interrorcode 这就得看大家的反馈了,对我来说还没有实际价值,而且也不清楚这类项目会用在什么地方,更多是学习参考,UI 的价值更大一点
kasusa
7 小时 44 分钟前
nzbin
7 小时 30 分钟前
@kasusa 对的,不过咋感觉都有点粗糙呢,我打开的几个项目窗口都没有 resize 功能,还有模拟 windows 的项目就更多了
flytsuki
5 小时 55 分钟前
我也有一个,不过好久没维护了 https://flytsuki.pages.dev/

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/1118853

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX