这篇教程要介绍的案例是：App界面上调整时间的可交互原型。我们先看一下效果：

这个案例用的是Principle这款软件做的。Principle近段时间非常流行的一款做原型的软件。很多公司也用Principle做高保真原型，这样就可以作为最小可行性产品（mvp）,在正式开发前就进行用户调查、可用性测试。

Principle有如下几大优点：

• 容易上手；
• 支持从sketch导入素材，极大的节约时间；
• 可以随时查看效果 ；

在IE中使用CSS3的旋转效果是不能实现的，但是我又想把IE旋转效果跟其他浏览使用CSS3 rotate(deg) 一样。那怎么办呢。我在找了一下，发现IE里面有一款滤镜，可以实现旋转角度。代码如下：

filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.70710678, M12=-0.70710678, M21=0.70710678, M22=0.70710678);

HTML5的结构化标签，对搜索引擎更友好

li 标签对不利于搜索引擎的收录，尽量少用

banner图片一般拥有版权，不需要搜索引擎收录，因此可以使用ul + li

<samp></samp>可用于浅色副标题

display:inline-block; 每个导航块存在水平间隙，解决方法是在父元素上添加font-size:0;

----------基于上次写的jquery插件进行改造
http://www.cnblogs.com/GerryOfZhong/p/5533773.html

背景：jQuery插件依赖jQuery库，虽然jQuery使用十分广泛，但是对于移动开发或者在其他带宽需求需要注意的时候，就得考虑，因为我不可能完成一项技术相对来说引用了一个更大的库，这样之不值得的。所以原生js是所有浏览器都支持的一种语言，原生js相对来说就very good了，但是原生js相对新手或者没有很强基础的人来说还是相对比较深奥晦涩一点的，毕竟要考虑一些额外的因素：

一、什么是CSS3

如何学习

SEO搜索引擎优化

CSS伪类选择器是前端开发中不可或缺的强大工具，它们允许我们根据元素的状态、位置或用户行为动态地应用样式。本文将全面介绍常用的伪类选择器，并通过代码示例展示其实际应用场景。

一、基础交互伪类

1. 超链接状态伪类

绝对定位

position:

absolute

特性：

1、脱离文档流，定位元素占据的位置会释放

2、原点计算：如果该元素做了定位，那么就去找它做了定位的父元素（找最近的）作为原点基准，如果父元素都没做定位，则以浏览器(0,0)作为原点基准。

JavaScript 代码在运行过程中可能会强制触发浏览器的回流（Reflow）