Hello SaUI!

简单的认识一下 SaUI ,然后 Enjoy it.

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

本地下载

下载 zip

版本:v0.5.12
大小:680 KB

GitHub 源码下载

源码 .zip