SaUI 是一个非常轻小的 CSS 框架(所有 CSS 和 JS 经 gzip 后大小 37 KB 左右),它适用于 Desktop & Mobile 上面。在移动端,它的响应式自适应可以让你在构建 WebApp 时得到非常方便的视觉统一。
SaUI 的设计理念是让 HTML 回归 HTML 。所有的样式实现以及代码结构都以保持 HTML 该有的语义为目标,只是在视觉上让它看起来更加的漂亮。但是在脱离样式的情况也能完整的展示 HTML 原本该有的功能与交互。
Ok,接下来就让我们一起了解一下 SaUI 有什么过人之处吧。
外部引用
直接引用我们网站的资源地址可以提前得到更新的版本,基于百度云加速的 CDN 服务,访问速度更快,加速效果明显。
<!-- 在 <head> 里加入以下引入样式 -->
<link rel="stylesheet" type="text/css" href="http://static.omooer.com/saui/css/sa.min.css">
<!-- 如果有用到相关的 JS 组件还需要在 </body> 前面添加 sa.ui.js 的引入 -->
<script src="http://static.omooer.com/saui/js/jquery.sa.ui.min.js"></script>
使用 npm
如果你的项目使用 npm 来安装前端库依赖,那么你可以这样快速的在项目中应用 SaUI 。
$ npm install saui
使用 Bower
如果你的项目里使用的是 Bower 来管理前端库的版本依赖,你也可以使用 Bower 来安装 SaUI 。
$ bower install SaUI