Tailwindcsss Editor

[zicjin629]

https://derealize.com

所见即所得 UI 编辑器，基于 tailwindcsss 实现。

[DeepUse]

无法访问此网站
检查 derealize.com 中是否有拼写错误。
DNS_PROBE_FINISHED_NXDOMAIN

[shilianmlxg]

想问下大佬，比如我 tailwind css 我写 4px 他能自动转成 跟据我设定的一个比例 （宽 375 ）转换的 vw 或者 rem 值呢

[wensonsmith]

https://windicss.org/play.html

[zicjin629]

@DeepUse 之前没注意 netlify 分配的 ip 被墙了，现在换了 host 可以了。

[zicjin629]

@shilianmlxg 据我所知 tailwind css 不能。你可以使用 sass @mixin 实现。

[zicjin629]

@wensonsmith 看了一下 "Why Windi CSS"。好像就是提供了 tailwindcss2.1+的 jit 编译功能？

[ihipop]

@zicjin629 electron 封装的，能打包个非 win 的版本出来嘛？

[zicjin629]

@ihipop 网页有平台判断，用 mac 打开网页应该是下载的 dmg 包吧？
linux 版目前还没有。https://derealize-fider.herokuapp.com 在待考量的计划中。

[3dwelcome]

为什么不做个网页版本的呢？这样全平台都能用了。

[zicjin629]

@3dwelcome 网页无法更新你的本地代码

[3dwelcome]

@zicjin629 错！

学 figma 写本地化辅助插件，同 websocket 和网页通讯，就可以解决各种问题。

[zicjin629]

@3dwelcome figma 也需要安装一个 figma Agent native 应用，与 electron 没有本质区别。electron 也是”全平台能用“的。

[ihipop]

@zicjin629 我用手机访问的。。没啥平台相关代码的话封装 Linux 应该 so easy 吧。。

[3dwelcome]

那我们看法不一样，electron 是用 exe 来替代网页，但我觉得未来趋势，应该是用网页来替代本地应用。

由于设备碎片化的存在，除了专业软件外，用 exe 的越来越少。除非在行业领域做到顶级，否则很难产生爆炸性的用户增长。

[zicjin629]

@3dwelcome 你的 Figma Agent 不是一个 exe ？

[3dwelcome]

@zicjin629 你可以不用啊，Agent 又不是 100%必须的，又不是每一个人都会用到的特殊字体。

同理，windicss.org/play.html 也可以不访问本地文件，直接复制一小段代码，开始编辑。

但是三个应用中，就你这个门槛过高，无法直接网页内打开，容易劝退用户。

[zicjin629]

@3dwelcome 同理，Derealize 这个产品是 100%必须使用的本地编辑功能的。这个产品实现的目标和 windicss.org/play 完全不同，没有可比性。

[3dwelcome]

@zicjin629 完全没觉得是 100%，现在 chrome 对普通的本地文件处理，已经支持的很好了。

视频都可以通过 wasm 本地化处理，更何况是普通的文本文件。

当然，如果你一定要坚持动我硬盘上文件，那我也无话可说。

[zicjin629]

@3dwelcome 当然需要动你硬盘上的文件，不但要动你硬盘上的文件，还要侵入你的 babel 编译过程。因为这个工具是针对整个 Project 的 UI 编辑，而不是针对某个 html 模块。整个项目的模块组合嵌套可能是非常复杂不确定的。这种针对 Project 而不是模块的 UI 编辑抹平了这种不确定性，免去了你搬运 html 模块到实际项目的工作。

[r00tt]

@zicjin629 给老哥提了个超高 CPU 占用的 issue 。前几天看到老哥的帖子安装看了下，今天打开电脑发现风扇狂转，温度持续 90+。调出 ActivityManager 发现 是`chrome_crashpad_handler`这个进程占用了 CPU，查看打开的文件，定位到是老哥的这个应用