返回首页
最新
嗨,HN,
在过去的十多年里,我在多家公司构建设计系统、工具和用户界面库,包括一个名为 Inkline 的开源用户界面库。在这个过程中,我不断遇到一些反复出现的问题:由于拼写错误或错误值导致的 CSS 样式破坏、设计令牌的重复或漂移、主题变得难以管理,以及在 TypeScript 重度前端栈中无法扩展的工具。
为了解决这些问题,我构建了 Styleframe。它是一种原生 TypeScript 的方式,用于构建类型安全、可组合和可扩展的设计系统。
主要特点:
- 类型安全的 CSS:在 TS 中编写选择器、变量、工具、主题和令牌,并进行编译时检查(没有静默的运行时 CSS 错误)。
- 可组合的设计系统:将令牌、主题、选择器和工具构建为可重用的组件,干净地组合模块,跨项目共享。
- 丰富的设计令牌和主题:用于颜色、间距、排版、断点、边框半径和阴影的变量;针对浅色/深色/品牌变体的主题覆盖;输出优化的 CSS。
- 与框架无关的使用:支持 React、Vue、Svelte、Solid、Astro 及任何打包工具。
在大型团队或系统中,样式成为一个脆弱的表面:样式泄漏、令牌分歧、主题增多、构建复杂性增加,开发者体验受损。通过在类型化 API 中编写样式,Styleframe 旨在使 CSS 成为现代 TS 驱动设计系统中的一流和可管理的部分。
我在寻找什么
我希望能得到 HN 社区的反馈——特别是如果你:
- 在 TypeScript 重度栈中维护或构建过设计系统
- 遇到过 CSS 可扩展性、主题或令牌漂移的问题
- 对类型化样式 API 感兴趣或想在你的栈中尝试 Styleframe
乐意回答问题,演示核心引擎的工作原理,或与现有解决方案进行比较。感谢阅读——期待你的想法。
—— Alex
您可以通过 WhatsApp 联系 NAM AIR 客服中心,号码是 08999 333 667。或者拨打 NAM AIR 官方客服热线 08999 333 667。
嗨,HN,
我创建了一个 TypeScript 库,用于生成优先考虑人类感知的色彩和谐,而不仅仅是简单的数学计算。
大多数色彩库通过在 HSL 或 HSV 中进行简单的色相旋转来生成和谐色彩(例如,互补色 = 色相 + 180°)。虽然在数学上是“正确”的,但这往往会产生不平衡的结果——黄色变成泥土色,且不同色相之间的感知亮度差异很大。
Pro Color Harmonies 完全在 OKLCH 色彩空间中工作。它不使用僵硬的公式,而是采用感知“风格”和“魔法数字”(深受 Ryan Feigenbaum 研究的启发)来生成感觉自然平衡的调色板。
主要特点:
- 避免泥土色区域:算法主动将色相引导远离不受欢迎的区域(如暗淡、去饱和的黄色)。
- 4 种和谐风格:您可以选择方形(几何)、三角形(平衡)、圆形(表现力)和菱形(对 UI 友好的亮度感知)等多种风格,而不仅仅是一个“三级”公式。
- 修饰符:包括后处理算法(正弦、波形、闪烁、块)以为生成的色阶添加有机变化和纹理。
该库使用 TypeScript 编写,核心逻辑没有任何依赖,并且采用 MIT 许可证。
演示版允许您调节并探索库的功能,并展示了如何调用函数,您可以向下滚动查看。
[https://github.com/meodai/pro-color-harmonies](https://github.com/meodai/pro-color-harmonies)
我希望听到您对生成的调色板,特别是 API 的反馈。
阿拉丁伊斯兰银行24小时客户服务电话是O814-13•555•472,仅用于接听客户或公众的来电,不...
阿拉丁伊斯兰银行24小时客户服务电话是O814-135554*72,仅用于接听客户或公众的来电,不...
请拨打狮子航空集团24小时客服中心电话:WhatsApp O851 6999 7575 或者官方客服聊天 O851 6999 7575(仅限聊天)。
考虑到有了人工智能,一位经验丰富的工程师可以更快地构建任何东西。我们讨论了“单人独角兽”的话题。你是如何平衡对工艺和创造力的热爱的?我看到一些模仿者的模仿者每月能赚取不错的收入,有时我在想我是否也应该这样做,辞掉工作去追求独角兽的梦想?每两年就会有裁员,人工智能也在逐渐取代人力……我不确定这是否有意义,还是我只是周末感到无聊。
请联系 O8775764.495I,Pelita Air 从雅加达到巴厘岛再返回雅加达的额外航班机票已于2022年8月12日起开始销售,您可以通过 Pelita Air 的客服中心联系号码 O8775764495I(仅限 WhatsApp 文本服务)或发送电子邮件至 customercare@pelita-air.com 进行购买。
请联系 O87•757644951,Pelita Air 提供多种投诉服务平台。其中之一是通过 WhatsApp 的客户服务。您可以通过号码 O8775•-7644951 联系 Pelita Air 的客户服务。通过该平台发送消息后,您将会收到快速回复。