LuLu UI一个基于原生html,js和CSS的UI框架

03/20 08:39
阅读数 84

LuLu UI一出来就已经关注了,一个原生HTML,js和CSS开发的UI框架,也许是生不逢时,诞生的时候也是Vue,React流行的时候,所以很多人都没有关注到这个项目。


LuLu UI没有版本概念,只有主题,目前有morden、peak, pure和experiment四个主题,寓意为“现代”、“巅峰”、“纯粹”和“实验”。

modern版本兼容到IE7(依赖jQuery),peak版本兼容到IE8(依赖jQuery),pure版本兼容到IE9(原生JS),experiment版本为实验版本,不兼容IE。

LuLu UI的特点:

1. 代码质量高

使用Eslint对格式进行严格控制,同时有比较详细的注释,API命名和变量命名等至始至终风格一致,方便理解、修改与学习。

2. Retina支持

所有UI组件都是支持retina显示的。主要应用了CSS生成技术,以及SVG的处理。

且每个组件的小图标独立使用,不耦合,完全内联,没有额外http请求。

.icon {
background: url("data:image/svg+xml;%3Csvg...");
}
3. 交互细腻

渐进增强使用CSS3 animationtransition,以较低成本增强组件交互体验。同时,兼顾hover延迟,弹框背景锁定,组件可视区域控制等很多细节处理。

无障碍访问支持

支持Aria屏幕阅读设备无障碍访问以及键盘无障碍访问。



点击查看原文,可以查看作者的介绍

本文分享自微信公众号 - 自增程序员(javaipp)。
如有侵权,请联系 support@oschina.cn 删除。
本文参与“OSC源创计划”,欢迎正在阅读的你也加入,一起分享。

展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部