分享 昨晚 两 点才睡,就为了发布这个破玩意 (Luda - A lightweight and responsive UI framework for modern web development)

oatw · 2019年05月31日 · 最后由 lanzhiheng 回复于 2020年04月04日 · 4558 次阅读

在这个 UI 框架满天飞的时代,我头脑发热自己也搞了一个。为啥非要自己开发一个呢?

其实就是觉得有个自己的傍身利器可以省去一些定制开发 UI 的时间,符合自己的习惯和偏好。 毕竟,用不是自己开发的东西做定制,深入源码细节还是需要一些时间的,那一坨一坨的样式变量,望而生畏。。。 而且我特别不理解一些 UI 框架在模块化上的抉择,模块拆分的太过彻底,很多类似的样式都需要为不同的组件一遍一遍设置变量。。。

自己平时工作中基本上都是 UI、前端一个人承包,公司前端也很缺,所以对那些定制费劲的 UI 框架真的是累觉不爱了,没那么多时间去吸收、跟进它们。 所以我就自己开发了一套,我清楚我开发的这个 UI 框架注定不会流行,因为融入了很多自己的习惯,但我还是抱着试一试的心态在 0.1 版本的时候发了 hacker news, 从一些大神的回复中做了一些提升,就在昨晚,我自己折腾了半宿发了 0.2 版本。

希望路过的大神们,如果有空的话,顺道瞟两眼,给点建议。

主页:https://oatw.github.io/luda/

Github: https://github.com/oatw/luda/

嗯,如果有人感兴趣想试用,我的建议是,1.0 版本前不要用在正经项目中,不正经项目中最好也别用。。。

谢谢!

很不错。

自己弄可以完全知道工作原理。。

pynix 回复

对的,就是为了这个,平时自己也好折腾不同风格的 UI,实在受不了每次都看源码才能深度定制的那种折磨。。。

Rei 回复

掌门好!

oatw 回复

layout 怎么样?

bulma 用了几次也没用出心得。

pynix 回复

亲~ 你的意思是 layout 相关的功能怎么样吗?

  • 响应式断点可定制,部分组件会根据断点的设置自动调整布局。
  • grid 自认为比大多数框架清晰易用,不需要嵌套 container。css grid 考虑未来版本添加。
  • 自己比较喜欢的是实现了基线网格,基线高度可定制,像什么 8pt, 10pt grid 之类的用法都可以支持,文字排版通过 sass 可自动计算实现基线对齐,所有组件默认也都是基线对齐,而且以基线高度作为组件尺寸最小单位,保持组件间的韵律感,这个是很多框架做的不足的地方。
  • 常用的布局 utilities 基本都有,像 spacing、flexbox、size 什么的,但基本也就在做原型的时候用一用,用多了可维护性太差。

总结一下就是布局上除了基线网格以外,其他相关的布局功能中规中矩。

各种断点:https://oatw.github.io/luda/0.2.x/general/breakpoints

grid: https://oatw.github.io/luda/0.2.x/elements/grid

基线网格:https://oatw.github.io/luda/0.2.x/elements/baseline

文字排版:https://oatw.github.io/luda/0.2.x/elements/typography

oatw 回复

谢谢,有空看看。

pynix 回复

个人觉得正确使用所谓的 UI 框架的场景主要分两类。

  1. 一个对基本 html 元素进行样式和风格优化的 mini 类框架 比如 pure.css, 主要目的是可以为了在启动项目的时候省去编写基本样式的繁琐,选择一个自己熟悉的研究透应该就行了。

  2. 对于一些定制化需求不高的项目如内部后台界面或者一些原型快速实现,这类 UI 框架如大名鼎鼎的 bootsrap, 还有 UIkit 啦,semantic ui 等等。

至于其他场景下,个人觉得用框架的成本反而更高。

pynix 回复

不客气,入坑需谨慎。

很棒,赞一下 👍

Bulma 感觉坑了,很久没有更新。。。

jasl 回复

Bulma 不好说,不过 Semantic UI 貌似是坑了,应该有一年没啥更新了吧。。。

lazybios 回复

谢谢大兄弟!

看着很不错,感觉设计得很用心。虽然不一定会流行,但是毕竟是自己的产品。

lanzhiheng 回复

哈哈~谢谢大兄弟鼓励啊!没想到这么旧的帖子还会被发现。 还是不要流行了,维护的精力有限,工作一忙,都没有时间更新。

oatw 回复

也就不小心点进去发现的。觉得真不错,很用心,只是业务场景所限也用不上,只能点个赞了。

Rei Campo UI - 一个 Material Design 的前端组件库 提及了此话题。 04月12日 16:12
需要 登录 后方可回复, 如果你还没有账号请 注册新账号