目录结构
index.html - 空白 HTML 模板；
blog.html - 博客页面模板（预览）；
landing.html - Landing Page 模板（预览）；
login.html - 登录界面模板（预览）；
sidebar.html - 带边栏的文章模板（预览）；
在 app.css 中编写 CSS；
在 app.js 中编写 JavaScript；
移动端首选 Zepto，桌面端选 jQuery，这应该是大多数开发者的共识。那对于跨平台的响应式网站呢？
Zepto 体积小，下载快，但 除了小，还有别的吗？ Wifi 普及，4G 降临，那几十 KB 的还那么重要吗？优化一张图片好几个 jQuery 就出来了。
jQuery 体积稍大，这是缺点。但是背后 jQuery 很多细节处理得很到位；成熟的生态圈，很多 jQuery 插件；庞大的社区，使用 jQuery 遇到问题时，可以很快从社区获得解决方案
jQuery 的这些特点有助于有效的提高开发效率。这些都是 Zepto 所缺乏的。
性能考量：体积小不等于执行效率高；而且通过数十万次计算得出一个百分之几的差距，实际是放大了性能差异，实际使用中很少有那么大的计算量。
虽然我们现在使用 Zepto，是从专门针对移动开发时代沿袭过来的。现在增加桌面端支持，Zepto 可能不是一个好的选择。
Amaze UI
Amaze UI 是一个轻量级、 Mobile first 的前端框架， 基于开源社区流行前端框架编写。
为移动而生
Amaze UI 采用业内先进的 mobile first 理念，从小屏逐步扩展到大屏，最终实现所有屏幕适配，适应移动互联潮流。
web
组件丰富，模块化
Amaze UI 含近 20 个 CSS 组件、10 个 JS 组件，更有 17 款包含近 60 个主题的 Widgets，可快速构建界面出色、体验优秀的跨屏页面，大幅度提升你的开发效率。
chinese
本地化支持
相比国外的前端框架，Amaze UI 专注解决中文排版优化问题，根据操作系统调整字体，实现最佳中文排版效果；针对国内主流浏览器及 App 内置浏览器提供更好的兼容性支持，为你节省大量兼容性调试时间。
mobile
轻量级，高性能
Amaze UI 非常注重性能，基于轻量的 Zepto.js 开发，并使用 CSS3 来做动画交互，平滑、高效，更适合移动设备，让你的 Web 应用可以高速载入。
以前大家做web端最多用的是jquery ，包括我也是，随着技术的更新，大家要不断的尝试新的技术和开发图片资源可以放在 i 目录下。
原文地址：http://blog.csdn.net/liuxiaogangqq/article/details/39337685
