UI框架,你最中意谁?

现在,移动、跨屏已经成为当下互联网最热门的技术,而前端开发者在开发网页时,时常会陷入重复解决繁复的跨屏、适配问题,耗费精力,影响工作效率,产品开发进度慢这样的恶性循环中。针对以上这些情况,小编整理了几个前端框架,供开发者在开发网页时参考了解。

首先,小编要先说说ZUI。ZUI是禅道项目管理软件团队在完善自己产品过程中,形成的一个开源前端实践方案,能快速构现代跨屏应用。它简单美观,易于使用,快速构建简洁大方的现代web应用。ZUI采用HTML5且支持所有流行的移动及桌面浏览器平台,一些旧的浏览器也能够降级支持。轻快独立稳定,最佳的可用性能,最大限度的不依赖于外部组件。全平台响应,一次编写,响应任何尺寸的设备。以下是几个运用ZUI的例子。

1、蝉知

蝉知企业门户系统是由业内资深开发团队开发的一款专向企业营销使用的企业门户系统,企业使用蝉知系统可以非常方便地搭建一个专业的企业营销网站,进行宣传,开展业务,服务客户。

蝉知系统内置了文章、产品、论坛、评论、会员、博客、帮助等功能,功能丰富实用,后台操作简洁方便。同时蝉知系统内置了搜索引擎优化必备的功能,比如关键词,摘要,站点地图,友好路径等,使用蝉知系统可以非常方便的搭建对搜索引擎友好的网站。蝉知系统采用的就是ZUI框架。

2、然之

然之协同系统是一款面向中小企业的协同办公系统,它包括了客户管理、销售跟踪、日常办公等功能。然之协同由国内著名开源软件厂商青岛易软天创开发,以LGPL协议开源发行。青岛易软天创旗下还开发有著名的禅道开源项目管理软件和上面已经说过的蝉知开源企业门户系统。然之所运用的就是UI框架。

3、OpenCenter

OpenCenter是著名社交产品开发商想天科技计划推出一款基于ThinkPHP框架的通用的用户中心框架。结合OpenSNS(原ThinkOX)的社交实践提炼出一款新的用户中心产品OpenCenter即将在年前发布beta版。

OpenCenter的后台管理框架采用ZUI作为UI框架,清晰简洁。图表绘制采用highChart。导航结构顶部为系统级导航,在顶部导航加入了两个便捷功能,清空缓存和打开前台。导航左侧为已安装的模块管理界面入口,点击底部更多可以进入到云平台的模块中心,也可以根据自身需要添加模块。右侧部分为主内容部分,主要统计当天的活跃度与最近N天的新用户注册数,一目了然,此处的N可以在后台配置。

接下来,小编再来说说Semantic UI。Semantic UI的特性有:拥有丰富的CSS模块,常用的JS组件,CSS3动画特效,漂亮大气的新式,非常完善的文档和演示,配备网格布局,支持Sass和LESS动态样式语言,有一些非常实用的附加配置等。

下面是一款采用Semantic UI的例子。

最后,小编再介绍下Amaze UI。Amaze UI是一个针对HTML 5开发的轻量级、模块化、移动优先的跨屏前端框架,通过拆分、封装了一些常用的网页组件,比如轮播图框、文字框等等组件,让前端开发者只用复制代码便可以将这些跨屏的组件写入自己的网页中,而不需要自己在开发的过程中重写一遍。

Amaze UI有以下优势:加入更多符合中国市场特性的元素,中文排版更优化,兼容中国本土主流浏览器。更轻量化,不仅适用于桌面端,更适合移动端,包含一些封装好的Widgets。

当然,除了以上的三个UI框架之外还有一些别的框架,利用这些框架能够帮助开发者快速进行设计和开发,可以大大简化很多工作量。对于开发者来说,选择适合自己的框架,事半功倍。小编上述介绍的这些,希望对您有所帮助。

时间: 2024-10-13 01:04:57

UI框架,你最中意谁?的相关文章

基于jquery开发的UI框架整理分析

根据调查得知,现在市场中的UI框架差不多40个左右,不知大家都习惯性的用哪个框架,现在市场中有几款UI框架稍微的成熟一些,也是大家比较喜欢的一种UI框架,那应该是jQuery,有部分UI框架都是根据jQuery研发出来的产品,现在也很常见了. 国产jQuery UI框架 (jUI) DWZ DWZ富客户端框架(jQuery RIA framework), 是中国人自己开发的基于jQuery实现的Ajax RIA开源框架.设计目标是简单实用,快速开发,降低ajax开发成本. jQuery 部件布局

Android酷炫实用的开源框架(UI框架)

前言 忙碌的工作终于可以停息一段时间了,最近突然有一个想法,就是自己写一个app,所以找了一些合适开源控件,这样更加省时,再此分享给大家,希望能对大家有帮助,此博文介绍的都是UI上面的框架,接下来会有其他的开源框架(如:HTTP框架.DB框架). 1.Side-Menu.Android分类侧滑菜单,Yalantis 出品.项目地址:https://github.com/Yalantis/Side-Menu.Android2.Context-Menu.Android可以方便快速集成漂亮带有动画效果

常用响应式 Web UI 框架

1. Bootstrap Bootstrap是快速开发Web应用程序的前端工具包.它是一个CSS和HTML的集合,它使用了最新的浏览器技术,给你的Web开发提供了时尚的版式,表单,buttons,表格,网格系统等等.官方网站: http://twitter.github.com/bootstrap/github: https://github.com/twitter/bootstrap 2. Foundation Foundation 是一个易用.强大而且灵活的框架,用于构建基于任何设备上的 W

Chisel辅助iOS 应用程序调试,MusicApp模仿酷狗4.0 UI框架

本文转载至 http://www.cocoachina.com/ios/20140825/9446.html Chisel Chisel集合了大量的LLDB 命令来辅助iOS 应用程序调试,并支持添加本地和自定义的命令.以下是其中所包含的一些命令,并对其适用于iOS还是OS X进行了区分: M13ProgressSuite 该项目包含了多种不同的风格的进程指示图,比如普通圆环形.分段圆形加载.圆形饼图加载以及条形加载等等,比如其中UINavigationBar的进程动画非常像苹果的Messag

游戏UI框架设计(三) : 窗体的层级管理

游戏UI框架设计(三) ---窗体的层级管理 UI框架中UI窗体的"层级管理",最核心的问题是如何进行窗体的显示管理.窗体(预设)的显示我们前面定义了三种类型: 普通.隐藏其他.反向切换.代码如下: "普通显示"模式允许多个窗体同时显示,这种类型应用最多.例如RPG中的主城界面(见下图). "隐藏其他界面" 模式一般应用于全局性的窗体.我们在开发此类窗体时,为了减少UI渲染压力.提高Unity渲染效率,则设置被覆盖的窗体为"不可见&qu

Unity3D通用UI框架

目标:编写一个简单通用UI框架用于管理页面和完成导航跳转最终的实现效果请拉到最下方查看 框架具体实现的功能和需求 加载,显示,隐藏,关闭页面,根据标示获得相应界面实例 提供界面显示隐藏动画接口 单独界面层级,Collider,背景管理 根据存储的导航信息完成界面导航 界面通用对话框管理(多类型Message Box) 便于进行需求和功能扩展(比如,在跳出页面之前添加逻辑处理等) 编写UI框架意义 打开,关闭,层级,页面跳转等管理问题集中化,将外部切换等逻辑交给UIManager处理 功能逻辑分散

推荐几个精致的web UI框架

1.Aliceui Aliceui是支付宝的样式解决方案,是一套精选的基于 spm 生态圈的样式模块集合,是 Arale 的子集,也是一套模块化的样式命名和组织规范,是写 CSS 的更好方式. gitHub地址:https://github.com/aliceui/aliceui.github.io 2.Amazeui Amaze UI 是一个轻量级. Mobile first 的前端框架, 基于开源社区流行前端框架编写的. 官网地址:http://amazeui.org/ 3.sui SUI是

10 个打造 React.js App 的最佳 UI 框架

在本文中,我们将分享一些助你打造 React.js App 最佳的 UI 框架.它们具备你所需要的基本 React 组件,以及易用的 API,同时,在外观和体验上也非常棒.Have Fun ! 1. Material-UI 基于谷歌 Material Design 设计规范的 React 组件 此外,它还是 React 的第一个 UI 套件.Material-UI具备你所需要的所有组件(甚至更多),以及可配置性极高的预定义调色板和<MuiThemeProvider>,帮助你为应用程序定制相应的

Javascript库,前端框架(UI框架),模板引擎

JavaScript库:JQuery,undoscore,Zepto 纯Javascript语言封装, 前端框架(UI框架):Bootstrap,Foundation,Semantic UI,Pure.css 前端框架.UI框架,或者叫UI模板 HTML + CSS + (JavaScript)? 模板引擎: 叫HTML模板引擎?  模板文件(HTML)+(CSS)?+数据(JSON) =输入=> 模板引擎  =输出=>HTML (客户端)前端模板引擎(渲染),(服务器)后端模板引擎(渲染)