是时候好好安利下 LuLu UI 框架了!
官方网站:l-ui.com/
项目主页:github.com/yued-fe/lul…
API文档:LuLu UI API中文文档
你好,LuLu!
LuLu UI是一个基于jQuery,针对PC网站,兼容IE8+或IE7+的前端UI框架,包含20+静态或动态UI组件。
贴近用户
LuLu UI更温暖,更自然,更亲近,更关注细节和用户体验,对用户侧非常友好,因此,非常适合面向外部用户的网站开发。有别于Ant Design这类更适合中后台开发的UI框架。
上手简单
LuLu整个项目就是提供一些UI组件的JS和CSS,很纯粹的JS和CSS,没有任何矫揉造作的“变身”处理。
因此,想要使用LuLu UI,直接引入CSS和JS文件地址就可以使用了。HTML还是原来的HTML,CSS还是原来的CSS。什么Vue什么MV*什么高大上概念完全不需要掌握,参照文档,复制复制,粘贴粘贴,效果就出来了。
API文档参见:LuLu UI API中文文档
使用场景广泛
LuLu UI既保留了jQuery插件即插即用的特性,也支持适合多人合作的模块化加载方式,因此适用场景更加广泛。
例如:
- 单人完成的某个简单运营活动页,需要个弹框提示功能,可以直接引入LuLu UI中的Dialog.js,就可以使用了。
- 某网站看中了LuLu UI某一个组件,例如日期选择功能,想拿过来使用,
<script>
引入日期选择JS,然后就可以使用了。 - 对于多人合作大型项目,可以使用类似seajs这样的加载器进行模块化加载与开发。
所有组件无论是单独使用,还是体系内使用,文档均提供了demo演示。
成熟
LuLu UI 2015年就诞生了,到现在已经有3年了,跟那些年轻的UI框架不同,LuLu UI可是见过很多世面的,谦逊内敛不聒噪,没必要大肆鼓吹,口碑说话。
开源是件严肃的事情,LuLu UI一直认为,如果组件还没有达到不动如山的境地,那就应该继续埋头打磨。这么多年过去了,经过对内对外多个大中小型项目的验证与打磨,无论是交互细节还是代码本身细节,LuLu UI现在都已经可以做到不显山露水了。
体验好
LuLu UI不会把什么“极致体验”挂在嘴上,极致是没有尽头的。LuLu UI也就做到用户使用无感知这种程度。
举个例子,如果用户是通过鼠标点击按钮打开的弹框,则弹框界面平平无奇;如果用户是通过ENTER回车键点击按钮打开的弹框,则弹框中的按钮默认会outline
高亮!
见下面截屏示意:
除了多年不断优化的无数交互小细节,LuLu UI还适配retina视网膜屏幕,同时支持屏幕阅读设备无障碍访问,以及很少UI框架支持的keyboard键盘无障碍访问。坐下,坐下,都是基本操作而已。
代码学习素材
LuLu UI的JS代码非常适合萌新参考与学习。
层次简单,逻辑清晰,注释详尽与规范,代码朴实无华,没有炫技,非常适合阅读和理解,是不可多得的学习素材。
与众不同的设计思想
表现为3点:
- 面向设计理念;
- 没有版本概念;
- 面向HTML开发
面向设计理念让LuLu UI在视觉和交互表现上更有情感,更有温度;摒弃面向功能那种大而全开发思想,于是LuLu UI的代码更加简约,组件更轻便灵活。
LuLu UI框架是没有版本的概念,只有一个唯一的母体在慢慢迭代。当面对一个新的项目,拷贝这个母体,然后这个拷贝的LuLu UI就和项目耦合在一体,与母体没有任何关系,你就可以根据设计需求、产品需求任意修改项目中的LuLu UI的CSS和JS,从而保证视觉还原,产品品质和开发质量。
面向HTML开发,使得LuLu UI更语义,对辅助设备更友好,同时技术栈更偏向HTML和CSS,也使得广大JS相对偏弱,在视觉表现较强的前端更容易上手,可以更友好地还原设计和增强体验。
LuLu UI所有与众不同的设计思想,都是方便外部用户,方便体验侧前端同学进行开发,方便设计师视觉还原和创意实现,归根结底可以有更好的用户体验和产品品质。如果是面向中后台开发的UI框架,则会面向数据,面向功能设计,组件应用会规避书写CSS和HTML,以方便开发侧前端同学进行开发。可见不同产品形态和不同用户群体决定了不同了UI框架设计理念。
设计师同事一定会很喜欢LuLu UI框架的。
稀缺性
既懂设计又会代码同时在体验方向有较多积累的前端是稀缺的。所以,LuLu UI也是稀缺的,在PC端用户侧网站开发上,LuLu UI有着不可匹敌的竞争力!
阅文前端荣誉出品
感谢前腾讯诸位同事,现阅文诸位同事在LuLu UI建设上的帮助。
原文发布时间为:2018年06月27日
原文作者:掘金
本文来源:掘金 如需转载请联系原作者
是时候好好安利下 LuLu UI 框架了!相关推荐
- 基于 jQuery 的前端 UI 框架 LuLu UI
LuLu UI 详细介绍 LuLu UI 是一个基于 jQuery,针对 PC 网站,兼容 IE8+ 或 IE7+ 的前端 UI 框架,包含 20+ 静态或动态 UI 组件. 上手简单 lulu整个项 ...
- android高仿全民直播、多窗口管理、图标效果、开发框架,下拉上滑、UI框架等源码...
Android精选源码 android仿UC浏览器多窗口管理界面 android高仿全民直播项目源码 android微信小程序设计模式,多任务窗体运行源码 Android项目源码在线课堂教育UI框架源 ...
- android高仿全民直播、多窗口管理、图标效果、开发框架,下拉上滑、UI框架等源码
Android精选源码 android仿UC浏览器多窗口管理界面 android高仿全民直播项目源码 android微信小程序设计模式,多任务窗体运行源码 Android项目源码在线课堂教育UI框架源 ...
- 前端Js框架 UI框架汇总 特性 适用范围 选择
身为一个资深后端工程师,面对层出不穷的前端框架,总让人眼花缭乱,做一个综合解析贴,从全局着眼,让我们明白各种前端框架的应用范围,为如何选择前端框架,从不同的维度提供一些线索,做为一个长期优化贴,欢迎指 ...
- 游戏UI框架设计(三) : 窗体的层级管理
游戏UI框架设计(三) ---窗体的层级管理 UI框架中UI窗体的"层级管理",最核心的问题是如何进行窗体的显示管理.窗体(预设)的显示我们前面定义了三种类型: 普通.隐藏其他.反 ...
- oracle 前端ui框架,Layui(前端UI框架) 2.6.4 官方最新版
Layui最好用的前端ui框架是一款带着浓烈情怀的国产前端UI框架,她追求极简,又不失丰盈的内在,说她是史上最轻量的结晶,似乎并不为过.一切都源自于她对原生态的执着,对前端社区的那些噪杂声音的过滤,以 ...
- android原生组件,XUI: 一个简洁而优雅的Android原生UI框架,解放你的双手!
XUI 一个简洁而又优雅的Android原生UI框架,解放你的双手!还不赶紧点击使用说明文档,体验一下吧! 涵盖绝大部分的UI组件:TextView.Button.EditText.ImageView ...
- Android常用ui,XUI: 一个简洁而优雅的Android原生UI框架,解放你的双手!
XUI 一个简洁而又优雅的Android原生UI框架,解放你的双手!还不赶紧点击使用说明文档,体验一下吧! 涵盖绝大部分的UI组件:TextView.Button.EditText.ImageView ...
- Touch UI:高质量的移动端UI框架介绍
Hi,我们做了一款高质量的.免费的移动端UI框架. 经过将两年多开发和项目实践,我们终于把Touch UI开放出来了.这是一套基于vue.js打造的移动端UI框架,包含近百种组件,几乎囊括了开发移动应 ...
最新文章
- RequireJS学习笔记(转)
- Atom 相关配置备份
- 1349 - View's SELECT contains a subquery in the FROM clause
- 能使曲线变平滑的一维滤波器_双边滤波器的原理及实现
- 一个计算机爱好者的不完整回忆(二十八)关于计算机书籍
- 工作243:name报错
- 关于 java 实现 语音朗读
- excel文件占用空间大 xls xlsx等文件
- linux下搭建DNS子域及相关授权详解
- 【分享】Adobe Flash Player各版本安装包官方直接下载地址
- 如何判断对方列表里是不是好友_QQ怎么知道自己是不是对方好友
- 皇冠与锚-JS实现(拒绝赌博)
- 千里马android framework实战开发-binder驱动之oneway导致的transaction failed
- 6、学习大数据笔记-hdfs读写代码
- 推荐10个免费在线测试网页性能工具
- 关于Spark Steaming中的Processing Time/Total Delay/Processing Delay
- dva去掉访问路径中的“#”
- iOS OC mvvm开发模式
- 时尚宜家,磊科高档简约路由器NW717
- 零知识证明的硬件加速
热门文章
- linux 加载新的硬盘
- 分布式、服务化的企业级 ERP 系统架构设计方案
- 关系数据库设计五大范式学习记录——<五>
- Bugku-web进阶之phpcmsV9(一个靶机而已,别搞破坏。flag在根目录里txt文件里)
- IDEA2022 创建基于Maven的SpringBoot聚合单应用项目
- 什么是前端脚手架?脚手架原理?
- 计算机更换主板后是否需要安装驱动程序,更换主板后是否需要重新安装win10系统...
- TYVJ账号大公布!
- 为什么信而富显示服务器开小差,剖析:信而富12点后也没额度的真相!
- java非主流火星文输入法_火星文转换器,火星文转换器在线转换