HTML5、CSS3和jQuery这3大前端开发技术已经越来越成熟，而且这三者的紧密结合使得开发者可以有越来越丰富的想象空间。今天我们要来分享一些非常炫酷的HTML5相册动画应用，这些应用同时也结合了CSS3和jQuery，特别是第一个，非常具有创意，一起来看看吧。

1、HTML5 3D立体美女墙相册

HTML5非常强大，尤其是和CSS3结合，有时候能达到非同凡响的网页动画效果。今天要分享的这款HTML5应用就是一款很酷的3D立体图片相册应用，它可以用鼠标多拽从多个角度浏览相册图片，点击图片，就可以放大图片，相册图片都是美女，千万别让女朋友看到。

之前我们向大家分享过一款CSS3/jQuery实现移动端滑动图片层叠效果，图片层叠切换效果非常不错。今天我们要来分享一款jQuery左右层叠幻灯片焦点图插件，点击左右切换按钮即可将隐藏一半在后面的图片展示出来，唯一的缺陷是不能循环切换。

今天我们要来分享另外一种类型的HTML5动画：HTML5图表应用。图表在网页中应用十分广泛，尤其是后台的统计功能，更能体现出图表的强大之处。本文将介绍一些比较实用的HTML5图表动画，有些结合jQuery，有些是直接基于Canvas，一起来看看吧。

1、超酷HTML5 Canvas图表应用Chart.js

之前我们已经为大家分享过很多HTML5图表应用了，每一个HTML5图表都非常实用。今天我们要介绍一款基于HTML5 Canvas的图表应用Chart.js，它的功能非常强大，有很多图表类型，包括折线图、柱状图、饼图、放射图等，你可以下载并将它们应用到自己的项目中。

CSS3自定义美化复选框Checkbox组合

今天我们要来推荐 10 款超级惊艳的 HTML5 动画，有一些是基于 CSS3 和 jQuery 的，比较实用，特别是前几个 HTML5 动画，简直酷毙了，现在将它们分享给大家，也许你能用到这些 HTML5 动画和 jQuery 应用。

1、HTML5 Canvas 发光 Loading 动画

之前我们分享过很多基于 CSS3 的 Loading 动画效果，相信大家都很喜欢。今天我们要来分享一款基于 HTML5 Canvas 的发光 Loading 加载动画。Loading 旋转图标是在 canvas 画布上绘制的，整个 loading 动画是发光 3D 的视觉效果，HTML5 非常强大。

单选框Radiobox和复选框checkbox在网页中也十分常见，虽然它没有按钮的交互性强，但是如果能把它们像按钮那样美化一下，那也是非常不错的。本文收集了10个相对比较漂亮的美化版单选框和复选框，希望你会喜欢。

1、CSS3漂亮的自定义Checkbox复选框 9款迷人样式

之前我们分享过一款非常不错的CSS3自定义checkbox复选框纯CSS3美化Checkbox和Radiobox按钮，外观非常时尚。今天我们来分享一款9款样式迷人的CSS3漂亮的自定义checkbox复选框。这几款复选框样式很丰富，使用起来也比较方便。

Bloodnote -控制血压的评论，顾客评级，屏幕截图等，是日常记录和控制你的血压是一个免费的iPhone应用程序。

是由马特Ludzen和彼得Bajtala的BloodNote旨在使具有最小的设计和专业的功能更容易跟踪健康。而不是试图跟踪多个方面的健康，下钻，以帮助一个特定的用户群，使他们能够快速，直观地每天跟踪他们的血压，并随着时间的推移。已经获得不少的融资。

 ExtJs是一个用于创建Web用户界面的JS框架，提供了丰富的界面部件及布局方式，对于web开发者来说，实现企业应用所需的各种画面只要掌握JS语言即可。不必再引入flash或silverlight技术，而且能很容易的创建风格统一的企业应用程序。

    虽然ExtJs支持各种流行的浏览器，甚至包括IE6，但是它在IE系浏览器下运行、渲染的效率不高。在谷歌浏览器下表现最好，FireFox浏览器次之（这得益于谷歌浏览器的JS脚本引擎）。

    然而谷歌浏览器和FireFox浏览器的核心都是WebKit（苹果公司开源的浏览器核心，负责解析HTML文本，并呈现到界面上），所以，要想让我们的CB/S+ExtJs结构的应用程序能有更好的表现，我们必须采用WebKit核心的浏览器。

    虽然我们能很方便的获得WebKit的源码，然而编译它却十分耗时费力，不但要选对编译工具，还要安装一系列的SDK，编译时间更是长的惊人（这几乎是大型C++项目的通病）。编译出来的DLL使用起来也不是很方便（要翻阅大量的WebKit的API）。

    幸运的是QT界面库为我们做了这些工作，QT库中包含webkit的浏览器控件，并且这个C++库是跨平台的，也就是说基于这几项技术开发的CB/S企业应用可以部署在Linux系统内。

    除了使用QT界面库，还可以选择gtk+和wxWidgets两个界面库，而且这两个界面库都对WebKit做过包装，但是从开发方式，生产效率，运行速度等多方面考虑，还是QT最为合适。

    QT界面库也分为两个版本，一个是收费的digia提供的QT，另一个是免费的qt-project提供的QT（GPL V3 LGPL V2)，这里我们选择免费版的QT，本文第三节会介绍如何搭建开发环境。

随着公司企业对设计的重视越来越高。很多视觉设计师和交互设计师都有这非常明确的定位。不管是设计网站页面还是应用界面的风格定位或者是移动App的应用交互等等。在设计过程中设计师都需要一个构思的过程。有一部分设计师会通过一些交互软件来做最前期的架构和构思。但是更多的设计师还是喜欢用最原生的方法来构思——草图！我想这应该也是最原始的前期构思了。把好的灵光一现瞬间画在稿纸上，做好标记。我们在使用的很多经典的工具界面都有着最初的线框草图。今天我们要分享的就是一些优秀的线框示意草图。你可以看到这些最初的设计雏形。相信你可以从中得到创意的灵感。

1. 交互设计师应当具备的能力

如果我们简单的将用户体验领域涉及到的技能分为：用户研究、产品（概念/功能）设计、交互设计、视觉设计、工程技术，我认为任何一个交互设计师和视觉设计师等等，都应该具有整体的复合技能，只是哪部分更多哪部分更少的问题。

1) 用户研究：对于交互设计师，不具备基本的用户研究能力，无法吸收来自用户的「信息营养」，如何做出真正以用户为重心的设计呢？观察法、访谈法、问卷法、可用性测试、行为数据分析等等，这些基本的方法应该要有所掌握。

2) 产品（概念/功能）设计和交互设计：这方面不必多说，交互设计师必须有大局观，能够真正的理解产品的思路和方向，从交互的角度实现产品层面的意图。这也是很多交互设计师转向产品设计师、产品经理的原因，在很多方面有交叉。

3) 视觉设计：视觉设计是很多交互设计师的软肋，常常无法忍受一些交互设计师做出的没有美感的文档。现在，特别是在移动互联网的设计领域，交互和视觉往往是高度交叉的。交互会影响视觉，视觉反过来也会影响交互。对于一个交互设计师，在做交互设计师，脑海中就应该浮现出视觉的轮廓，为视觉设计留下能够发挥的空间。另外，交互设计师一定要有很好的视觉设计的感觉，知道如何判断好的和不好的视觉设计。像素眼（能够通过肉眼分辨出一像素的差别）至少要具备吧？