轻量级的前端UI开发框架 - UIkit
2023-09-11 14:20:44 时间
来源:GBin1.com
UIkit是YOOtheme团队开发的开源的前端UI界面框架,可以帮助你快速的开发和创建前端UI界面。
基于下列开源项目:
- LESS
- jQuery
- normalize.css
- FontAwesome
主要特性
- 支持LESS
- 模块化
- 支持自定义主题
- 支持响应式设计
如何使用?
使用UIkit非常简单,下载后,请参考如下的框架代码:
<!DOCTYPE html> <html> <head> <title></title> <link rel="stylesheet" href="uikit.min.css" /> <script src="jquery.js"></script> <script src="uikit.min.js"></script> </head> <body> </body> </html>
然后,请参考UI组件相关的文档:
UI组件包含如下几个不同的UI组件类型:
- 缺省
- 布局
- 导航
- 元素
- 常用
- Javascript
针对Javascript的设计,你可以不使用任何JS代码,而使用典型的data-ui-*方式来生成UI元素,如下:
<button data-uk-button>My Button</button>
当然,也可以使用jQuery API方式,如下:
$(".button").uk("button");
自定义主题
你可以方便的使用自定义工具来定义或者扩展你需要的主题,如下:
via 极客标签
相关文章
- Semantic UI 语义化设计的前端框架
- 极客时间-左耳听风-程序员攻略-前端性能优化和框架
- 前端MVVM框架avalon揭秘 - 双向绑定原理
- 事务处理笔记《二》.Net框架下的事务处理技术
- 前端学习 -- 内联框架iframe
- 前端学习 -- Html&Css -- 框架集
- 【收藏】Sentinel 高可用流量管理框架、服务熔断降级等
- IT:前端进阶技术路线图(初级→中级→高级)之初级(研发工具/HTML/CSS/JS/浏览器)/中级(研发链路/工程化/库/框架/性能优化/工作原理)/高级(搭建/中后台/体验管理等)之详细攻略
- 耗时1年的前端技术框架切换之旅
- 前端框架Vue------>第三天学习(1)
- 前端框架Vue------>第一天学习(3)
- 你不知道的前端框架和UI组件库
- Linux内核Thermal框架详解十四、Thermal Governor(4)
- 深入浅出Flask(10): H-ui前端框架入门之资源定位
- 深入浅出Flask(25): H-ui前端框架的导航
- 深入浅出Flask(19): H-ui前端框架的表单布局
- 深入浅出Flask(17): H-ui前端框架的select 下拉框
- 深入浅出Flask(15): H-ui前端框架的表单
- web前端框架Javascript开发基础之JavaScript作用域
- 一文2600字超全RF接口自动化框架项目实战【建议收擦】
- 【项目实战】基于Avue的前端框架实现一个简单CRUD
- 【项目实战】参考若依的前端框架去多环境