semanticui中文官方（semantic ui 中文）

本文目录一览：

• 1、北大青鸟java培训：常用的UI框架有哪些？
• 2、2015年有哪些比较优秀的前端框架
• 3、semantic ui要装什么才能使用
• 4、Semantic-ui框架 图标怎么使用
• 5、前端框架有哪些？

北大青鸟java培训：常用的UI框架有哪些？

常用的UI框架有哪些?推荐6种常用的UI框架。

接下来安徽电脑培训为大家分享一下UI专业设计师在日常工作中常用的几种框架，希望能够帮到你！Bootstrap说到流行的UI框架，那么Bootstrap是一定会出现在榜单上的。

它是由twitter推出的Web前端UI框架，它由Twitter的设计师MarkOtto和JacobThornton合作开发。

Bootstrap通过它优秀的栅栏系统，很好的实现了响应式布局。

Bootstrap还提供了时尚的排版样式，表单，buttons，表格，轮播等等。

Bootstrap提供了优雅的HTML和CSS规范，它是由动态CSS语言Less写成。

Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括NASA的MSNBC(微软全国广播公司)的BreakingNews都使用了该项目。

国内一些移动开发者较为熟悉的框架，如WeX5前端开源框架等，也是基于Bootstrap源码进行性能优化而来。

jQueryUIjQueryUI是建立在jQueryJavaScript库上的一组用户界面交互、特效、小部件及主题。

无论是创建高度交互的Web应用程序还是仅仅向窗体控件添加一个日期选择器，jQueryUI都是一个完美的选择。

jQueryUI包含了许多维持状态的小部件(Widget)，因此，它与典型的jQuery插件使用模式略有不同。

所有的jQueryUI小部件(Widget)使用相同的模式，这样就大大的降低了学习成本。

jQueryUI继承jQuery简易使用特性，提供高度抽象接口，短期改善网站易用性。

同时，jQueryUI采用MITGPL双协议授权，轻松满足自由产品至企业产品各种授权需求。

jQueryUI另一大有点是兼容各主流桌面浏览器。

包括IE6+、Firefox2+、Safari3+、Opera9+、Chrome1+。

而且，jQueryUI有完全汉化的版本，开发包内置包含中文在内的40多种语言包。

PureCSSPure也是一款很出色的CSS框架，Pure是来自雅虎的。

尽管从UI界面效果上来说，Pure没有Bootstrap那样精美，但Pure是纯CSS实现的，因此非常小巧，整个框架压缩后只有5.7k左右。

最大的特点就是框架基于纯CSS，无任何JavaScript代码，渲染速度比较快。

由Yahoo出品，技术上应该不存在太大问题。

组件也很丰富，包括表格、表单、按钮、表、导航等。

CSS类的标识十分简单，因此在使用Pure的过程中代码会比较友好。

SemanticUISemanticUI最大的优点就在它的名字里--语义化。

Semantic-UI比Bootstrap更语义化，使用了更容易理解的标签名称：导航的是nav，主要内容的是main，class名也很明确。

而且SemanticUI的modules预制了很多美观的动画，同时也非常简单好用。

比如视图(Views)中的评论(Comment)和动态信息(Feed)。

2015年有哪些比较优秀的前端框架

作者：匿名用户

链接：

来源：知乎

著作权归作者所有，转载请联系作者获得授权。

此榜单根据github上star数作为排名依据，一个人力量有限，如果收集有遗漏欢迎补充。

1、名称：Bootstrap

类别/语言：HTML、CSS、JavaScript

创建者： Twitter

人气：在Github上有91007 stars

描述：主流框架中毋庸置疑的老大，Bootstrap 是基于 HTML、CSS、JavaScript 的，它简洁灵活，使得 Web 开发更加快捷。

核心概念/原则: RWD 和移动优先制。

浏览器支持： Firefox, Chrome, Safari, IE8+ (你需要 Respond.js for IE8)

响应式: Yes

模块化: Yes

官网地址：Bootstrap · The world's most popular mobile-first and responsive front-end framework.

Github地址：twbs/bootstrap · GitHub

2、名称：html5-boilerplate

类别/语言：HTML、CSS、JavaScript

创建者：Paul Irish

人气：在Github上有32,349 stars

描述：HTML5 Boilerplate 帮你构建 快速, 健壮, 并且 适应力强 的web app或网站。

核心概念/原则：响应式

浏览器支持：Firefox, Chrome, Safari, IE8+,Edge,Opera

预处理器：None

响应式：Yes

模块化：Yes

官网地址：HTML5 Boilerplate: T

Github地址：h5bp/html5-boilerplate · GitHub

3、名称：Meteor

类别/语言：HTML、CSS、JavaScript

创建者：immir

人气：在Github上有31,092 stars

描述：Meteor是新一代的开发即时web应用的开源框架，它能帮助你在最少的时间内完成开发。

核心概念/原则：响应式

预处理器: Less

响应式: Yes

模块化: Yes

官网地址：Meteor

Github地址：meteor/meteor · GitHub

4、名称：Semantic UI

类别/语言：HTML、CSS、JavaScript

创建者: Jack Lukic

人气: 在Github上有22,325 stars

描述: “基于自然语言有效原则的UI组件框架”

核心概念/原则: 语义，标签的矛盾性、响应式

浏览器支持：Firefox, Chrome, Safari, IE10+ (IE9 with browser prefix only), Android 4, Blackberry 10。

预处理器: Less

响应式: Yes

模块化: Yes

官网地址：Semantic UI

Github地址：Semantic-Org/Semantic-UI · GitHub

5、名称：Foundation

类别/语言：HTML、CSS、JavaScript

创建者: ZURB

人气: 在Github上有22,206+ stars

描述: “世界上最优秀的响应式前端框架”

核心概念/原则: RWD 、手机优先、语义的

浏览器支持： Chrome, Firefox, Safari, IE9+; iOS, Android, Windows Phone 7+

预处理器: Sass

响应式: Yes

模块化: Yes

官网地址：Foundation | The most advanced responsive front-end framework in the world.

Github地址：zurb/foundation-sites · GitHub

6、名称：Materialize

类别/语言：CSS

创建者：Google

人气：在Github上有15,288stars

描述：Materialize是一个个基于材料设计的一个现代化的响应式前端框架。他们做了最繁重的工作，为您提供默认的样式，结合了您的自定义组件。此外，他们还改进动画和过渡，为开发人员提供流畅的体验。

核心概念/原则：响应式

预处理器：Sass

响应式：Yes

模块化：Yes

官网地址：Documentation

Github地址：Dogfalo/materialize · GitHub

浏览器支持：Chrome 35+, Firefox 31+, Safari 7+, IE 10+

7、名称：Pure

类别/语言：CSS

创建者: Yahoo

人气: 在Github上有13,161 stars

描述: “您可以在每一个web项目中使用的一组小的和响应式的CSS模块”

核心概念/原则:SMACSS,极简的.

浏览器支持：Firefox的最新版本, Chrome, Safari; IE7+; iOS 6.x, 7.x; Android 4.x

预处理器: None

响应式: Yes

模块化: Yes

官网地址：

Github地址：yahoo/pure · GitHub

8、名称：Vue

类别/语言：CSS、JavaScript

创建者：尤雨溪

人气：在Github上有12,214 stars

描述：Vue.js 是用于构建交互式的 Web 界面的库。它提供了 MVVM 数据绑定和一个可组合的组件系统，具有简单、灵活的 API。

核心概念/原则：响应式

浏览器支持：Firefox, Chrome, Safari, IE9+，Android 4.2+，iOS 7+

预处理器：None

响应式：Yes

模块化：Yes

官网地址：vue.js

Github地址：vuejs/vue · GitHub

9、名称：Skeleton

类别/语言：CSS、JavaScript

创建者：Dave Gamache

人气：在Github上有10,622stars

描述：Skeleton 是一个小的 JS 和 CSS 文件的集合,可帮你快速开发漂亮的网站,适合各种屏幕设备包括手机。Skeleton 基于 960 grid 开发。它是一个 UI 框架。

核心概念/原则：响应式

浏览器支持：Firefox, Chrome, Safari, IE10+,Opera

预处理器：None

响应式：Yes

模块化：Yes

官网地址：Skeleton: Responsive CSS Boilerplate

Github地址：dhg/Skeleton · GitHub

10.名称： Amaze UI

类别/语言：HTML、CSS、JavaScript

创建者：云适配

最后更新时间：2015年12月

人气：在Github上有6425 stars

描述：国内首个开源HTML5跨屏前端框架，中文排版支持更优、本土化组件丰富。

并在2015年11月推出基于 React.js 的专属移动端 Web 组件库Amaze UI touch。

核心概念/原则：组件化、移动优先、轻量级、高性能。

浏览器支持： Firefox, Chrome, Safari, IE8+

响应式: Yes

模块化: Yes

官网地址：Amaze UI | 中国首个开源 HTML5 跨屏前端框架

Github地址：amazeui/amazeui · GitHub

11、名称：UIkit

类别/语言：HTML、CSS、JavaScript

创建者: YOOtheme

人气: 在Github上有6,050+ stars

描述: “一个轻量级的和模块化的前端框架,用于快速开发和功能强大的web接口。”

核心概念/原则:RWD, 手机优先.

预处理器: Less, Sass

响应式: Yes

模块化: Yes

官网地址：UIkit

Github地址：uikit/uikit · GitHub

浏览器支持： Chrome, Firefox, Safari, IE9+

12、名称：Yui

类别/语言：CSS、JavaScript

创建者：Yahoo

人气：在Github上有3,200+ stars

描述：Yahoo! UI Library (YUI) 是一个开放源代码的 JavaScript 函数库，为了能建立一个高互动的网页，它采用了AJAX, DHTML 和 DOM 等程式码技术。它也包含了许多 CSS 资源。使用授权为 BSD许可证

核心概念/原则：响应式

预处理器: None

响应式：Yes

模块化：Yes

官网地址：

Github地址：yui/yui3 · GitHub

浏览器支持：Firefox, Chrome, Safari, IE10+,Opera

13.名称：kissy

类别/语言： JavaScript

创建者：淘宝前端

最后更新时间：2015年7月

人气：在Github上有2035 stars

描述：KISSY 是一款跨终端、模块化、高性能、使用简单的 JavaScript 框架。

框架大小: 37 KB

核心概念/原则: 模块化，跨终端，高扩展性

模块化: Yes

官网地址：KISSY - A Powerful JavaScript Framework

Github地址：kissyteam/kissy · GitHub

14.名称：MUI

类别/语言： HTML、CSS、JavaScript

创建者：Dclould

最后更新时间：2016年1月

人气：在Github上有2012 stars

描述：MUI-最接近原生App体验的前端框架框架。

核心概念/原则: 多端发布、高性能

响应式: NO

模块化: Yes

官网地址：MUI-最接近原生APP体验的高性能前端框架

Github地址：dcloudio/mui · GitHub

15.名称：Arale

类别/语言： JavaScript

创建者：支付宝前端

最后更新时间：2015年7月

人气：在Github上有1252 stars

描述：Arale 是一个开放、简单、易用的前端基础类库。

框架大小:未知

核心概念/原则: 开放、简单、易用

浏览器支持：Firefox, Chrome, Safari, IE6+

响应式: Yes

模块化: Yes

官网地址：Arale - 随心构建互联网应用

Github地址：aralejs/aralejs.org · GitHub

16.名称：JX

类别/语言：Javascript

创建者：腾讯前端

最后更新时间：2015年12月

人气：在Github上有952 stars

描述：JX 是模块化的非侵入式Web前端框架，特别适合构建和组织大规模、工业级的Web App。

框架大小: 未知

核心概念/原则: 保持最优执行效率

浏览器支持： 兼容主流浏览器

模块化: Yes

官网地址：JX - 腾讯 Web 前端开发框架

Github地址：AlloyTeam/JX · GitHub

17.名称：GMU

类别/语言：HTML、CSS、JavaScript

创建者：百度前端

最后更新时间：2015年12月

人气：在Github上有940stars

描述：GMU是基于zepto的mobile UI组件库，提供webapp、pad端简单易用的UI组件! Web App。

核心概念/原则: 简单易用、轻量级

模块化: Yes

官网地址：

Github地址：fex-team/GMU · GitHub

18.名称：ZUI

类别/语言： HTML、CSS、JavaScript

创建者：蝉道

最后更新时间：2015年7月

人气：在Github上有616 stars

描述：开源HTML5前端框架

核心概念/原则:简单易用、轻量级、易于定制

浏览器支持：未知

官网地址：ZUI - 开源HTML5跨屏框架

Github地址：easysoft/zui · GitHub

19.名称：Clouda Touch.js

类别/语言：JavaScript

创建者：百度云

人气：在Github上有387 stars

描述：Touch.js是移动设备上的手势识别与事件库,也是在百度内部广泛使用的开发。

核心概念/原则: 无入侵设计、媲美原生的交互、极简的API

模块化: Yes

官网地址：Touch.js

Github地址：Clouda-team/touch.code.baidu.com · GitHub

20.名称：Arkui

类别/语言：HTML、CSS、JavaScript

创建者：豆瓣

人气：在Github上有129 stars

模块化: Yes

官网地址：arkui

Github地址：mockee/arkui · GitHub

semantic ui要装什么才能使用

准备工具

你需要使用命令行去安装，Windows 用 Powershell ，Mac 使用终端。然后确定你已经安装好了 npm 与 gulp 。

安装 Semantic UI

先为项目创建一个目录，然后进入到这个目录的下面，比如我在自己的桌面上去为项目创建一个目录：

cd ~/desktop

mkdir ninghao-semantic

cd ninghao-semantic

使用 npm 去安装一下 Semantic UI：

npm install semantic-ui

过一会儿会出现设置 Semantic UI 的提示，按上下箭头可以选择：

❯ Automatic (Use defaults locations and all components)

Express (Set components and output folder)

Custom (Customize all src/dist values)

Automatic：自动配置，一切都用默认的设置。

Express：快速设置，只需要设置组件还有输出的目录。

Custom：自定义，完全自己去定义 src/dist 目录。

选择默认的 Automatic ，回车执行，又会提示：

[?] We detected you are using NPM. Nice!

Is this your project folder?

/Users/xiaoxue/Desktop/ninghao-semantic (Use arrow keys)

❯ Yes

No, let me specify。

Semantic-ui框架 图标怎么使用

Semantic UI—完全语义化的前端界面开发框架，跟 Bootstrap 和 Foundation 比起来，还是有些不同的，在功能特性上、布局设计上、用户体验上均存在很多差异。

Semantic UI 特点：

文档和演示非常完善

易于学习和使用

配备网格布局

支持 Sass 和 LESS 动态样式语言

有一些非常实用的附加配置，例如inverted类。

对于社区贡献来说是比较开放的。

有一个非常好的按钮实现，情态动词，和进度条。

在许多功能上使用图标字体。

Semantic UI 对浏览器的支持：

Last 2 Versions FF, Chrome, IE (aka 10+)

Safari 6

IE 9+ (Browser prefix only)

Android 4

Blackberry 10

前端框架有哪些？

1、Bootstrap是最流行的前端开发框架，可以让不是前端工程师也能开发出优美的页面，更加快捷、方便的开发web页面和移动端应用。也能开发响应式web页面，上手也非常快。

中文官网：

2、React 是Facebook 开发的框架，用于构建页面、javascript库。主要功能是对DOM操作，声明式设计，更快的开发出web应用系统

官网地址：

3、Semantic UI是一个完全语义化的前端CSS界面开发框架，跟 Bootstrap 比起来更加丰富些，不那么单一，在用户体验、样式都很丰富

官网地址：

4、Foundation by ZURB是开发适应各种设备上的前端框架，主要开发响应式web应用框架，提供很丰富的DEMO实例，学起来也非常方便上手，也提供丰富的图标库。

官网地址：

5、Amaze UI是轻量级的前端应用框架，是国内比较流行的框架，比较适用于移动端响应式开发框架，可以按照项目要求生成专属的UI框架库进行使用，组件非常丰富，可以构建出漂亮的web页面。

官网地址：

6、Pure是雅虎公司开发的轻量级、响应式CSS框架，整个框架包也是非常的小，官网也提供许多实例进行学习，对于开发小型系统界面样式可以考虑使用Pure,因为小巧方便。

官网地址：

semanticui中文官方的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于semantic ui 中文、semanticui中文官方的信息别忘了在云尚网络www.ysfad.net进行查找喔。