原生应用通常跑起来会更快、更平稳，带给用户的体验也更出色。然而Web设计者/开发者也一直在寻找着一种工具，将原生应用的体验带到Web技术中。Ionic是一个前端的框架，帮助开发者使用HTML5、CSS3和JavaScript做出原生应用。
Ionic不能完全取代PhoneGap和JavaScript框架的作用，但是它在前端的交互设计功能十分强大。这个框架除了带有SASS服务和各种各样的AngularJS拓展（可选）之外，还有大量的组件。
对于开发工具来说，速度也是一个重要的因素。带有DOM操作最小化、零jQuery和硬件加速功能的Ionic可以给你留下好的印象。
Ionic的联合创始人Max Lynch介绍这款工具时提到，这款工具就是由几个对Web开发十分狂热的普通程序员做出来的。Ionic倾向于关注标准兼容（standards compliant）的代码，这么做是比较超前的。他们的目标是通过HTML5使移动开发变得既简单又惊艳。
转载
近年来卡片(card)的应用越来越流行，卡片提供了一个更好组织信息展示的工具。 像 Google , Twitter , 和 Spotify ..
针对移动端的应用，卡片会根据屏幕大小自适应大小,甚至还可以有动画效果.卡片通常被放在在另一个之上, 但它们也可以被当做"页"来使用,像左滑,右滑.
卡片(card)默认样式带有box-shadow(阴影)，由于性能的原因，和他类似的元素像 list list-inset 并没有阴影。 如果你有很多的卡片，每个卡片都有很多子元素，建议使用内嵌列表 inset lists 。
我们可以通过添加 item-divider 类为卡片添加头部与底部： 添加带 item-divider
类的 card
的元素在内容区域的上方或者下方.
使用 list card 类来设置卡片列表：
卡片中使用图片，效果会更好，实例如下：
以下实例中使用几种不同的选项的卡片展现方式。 开始使用了 list card 元素，并使用了 item-avatar , item-body 元素用于展示图片和文本信息，底部使用 item-divider 类。
