@buoge 2017-12-18T21:38:22.000000Z 字数 2430 阅读 917

前端一些优秀的框架

前端

layui，这是我追求的简约而不简单:后台管理系统适用

身处在前端社区的繁荣之下，我们都在有意或无意地追逐。而Layui偏偏回望当初，奔赴在返璞归真的漫漫征途，自信并勇敢着，追寻于原生态的书写指令，试图以最简单的方式诠释高效。
https://www.layui.com/

zui 禅道出品：

一个基于 Bootstrap深度定制开源前端实践方案，帮助你快速构建现代跨屏应用。
http://zui.sexy/#/

基于 Flex 设计，支持移动端全部主流浏览器
支持 Android 微信内置浏览器
http://zui.sexy/m/index.html

amazeui

https://github.com/amazeui/amazeui

移动优先
以移动优先（Mobile first）为理念，从小屏逐步扩展到大屏，最终实现所有屏幕适配，适应移动互联潮流。

组件丰富，模块化
Amaze UI 含近 20 个 CSS 组件、20 余 JS 组件，更有多个包含不同主题的 Web 组件，可快速构建界面出色、体验优秀的跨屏页面，大幅提升开发效率。

本地化支持
相比国外框架，Amaze UI 关注中文排版，根据用户代理调整字体，实现更好的中文排版效果；兼顾国内主流浏览器及 App 内置浏览器兼容支持。

轻量级，高性能
Amaze UI 面向 HTML5 开发，使用 CSS3 来做动画交互，平滑、高效，更适合移动设备，让 Web 应用更快速载入。

purecss

https://www.purecss.cn/

Pure基于Normalize
Pure 基于 Normalize.css，提供HTML元素布局、样式以及最常用的UI组件，几乎没有多余的代码。

Pure为移动而生
Pure 原生支持响应式, 在所有屏幕尺寸下的显示效果都是杠杠的！

Pure拥有无限可能
Pure除了提供基础样式外，可拥有极强的扩展性，你可以基于Pure打造出属于你自己的样式。没有做不到，只有想不到

实现个性化UI
Pure不同于其他框架，她更加开放化、简单化、扁平化。我们始终认为：编写新的CSS规则比覆盖已有的CSS规则更容易。通过增加几行代码就能做出属于你自己的的UI，想想都让人激动！

创建响应式布局。
搭配使用网格, 菜单等功能，很容易制作出很美的响应式布局，且在各屏幕尺寸都能完美显示。为了让你更容易入门，我们准备了几个模板，可以看一看，然后开始你的第一次吧！

postcss

PostCSS 本身是一个功能比较单一的工具。它提供了一种方式用 JavaScript 代码来处理 CSS。它负责把 CSS 代码解析成抽象语法树结构（Abstract Syntax Tree，AST），再交由插件来进行处理。插件基于 CSS 代码的 AST 所能进行的操作是多种多样的，比如可以支持变量和混入（mixin），增加浏览器相关的声明前缀，或是把使用将来的 CSS 规范的样式规则转译（transpile）成当前的 CSS 规范支持的格式。从这个角度来说，PostCSS 的强大之处在于其不断发展的插件体系。目前 PostCSS 已经有 200 多个功能各异的插件。开发人员也可以根据项目的需要，开发出自己的 PostCSS 插件。
PostCSS 从其诞生之时就带来了社区对其类别划分的争议。这主要是由于其名称中的 post，很容易让人联想到 PostCSS 是用来做 CSS 后处理（post-processor）的，从而与已有的 CSS 预处理（pre-processor）语言，如 SASS 和 LESS 等进行类比。实际上，PostCSS 的主要功能只有两个：第一个就是前面提到的把 CSS 解析成 JavaScript 可以操作的 AST，第二个就是调用插件来处理 AST 并得到结果。因此，不能简单的把 PostCSS 归类成 CSS 预处理或后处理工具。PostCSS 所能执行的任务非常多，同时涵盖了传统意义上的预处理和后处理。PostCSS 是一个全新的工具，给前端开发人员带来了不一样的处理 CSS 的方式

https://segmentfault.com/a/1190000003909268
https://www.w3cplus.com/preprocessor/sass-to-postcss.html
https://www.ibm.com/developerworks/cn/web/1604-postcss-css/index.html

uikit

https://github.com/uikit/uikit

Semantic UI 大厂出品

Material Design 阿里出品

foundation

https://github.com/zurb/foundation-sites

materialize（96）30519（中文支持）

基于 Material Design 的现代响应式前端框
一个基于 Material Design 的 CSS 框架
https://github.com/Dogfalo/materialize