今天的内容非常简单，但有个比较关键的属性：perspective（透视）。所有元素都是放置在z=0的平面上perspective属性设置镜头到元素平面的距离（学过AUTOCAD的童鞋应该很容易理解吧）。是不是还有点云里雾里呢？我们来举个例子，想想你从天上俯看一座金字塔。镜头到元素平面的距离，就是塔的顶部（视点）和地面（Z-平面）之间的距离。

HTML CODE：

<div class="wrapper">
	<div class="logo"></div>
	<div class="logo_text">Windows 8</div>
</div>

[ 查看全文... ]

唠叨一下：
一直没时间去研究视差滚动的内容，乍看之下还觉得挺难、蛮麻烦的，不知道你有没有同感？我在度娘找了半天，也没找到什么有用的资料（起码我没找到，要么就是写的像天书一样，没精力去折腾）谷歌么自从X8大以来，一直处于悲剧状态。这两天正好空闲下来，就又去找了下相关的资料。不看不知道，一看吓一跳，顿时恍然大悟，原来那么简单。。。

什么是视差滚动？
视差滚动（Parallax Scrolling）视差滚动是一个二维动画制作过程，创建一个动画前景层的速度比背景层深度的幻觉。简单的说，就是让多个层面的东西(如果你有接触过PS或FLASH，应该很容易理解"层"这个概念)，以不同的速度移动，形成立体的运动效果。举个例子，当你坐在行驶中的汽车内，看着窗外近景的树木，再看远处的山或事物，你会发觉树移动的很快，而远处的事物却移动的很慢。视差滚动使用相同的原则来误导人们眼睛，以为他们所观察到的3D场景。具体描述，可以查看维基百科 Parallax scrolling [ 查看全文... ]

今天继续和大家分享一个jQuery弹出框的代码。代码本身很简单，最关键的问题就在于兼容性方面。

HTML CODE:

<a class="popBtn" href="javascript:void(0)">Click Me</a>

<div class="popLayer">
	<div class="popLayerTit">
		<h2>Title</h2>
		<i class="close">[ 关闭 ]</i>
	</div>
	<div class="popLayerCon">
		<p>Text or Other content</p>
	</div>
</div>
<div class="maskLayer"></div>

[ 查看全文... ]

这是我在一个国外网站上看到的Loading动画效果。实现起来很简单，但是很有FEEL的样子，所以就贴出来分享分享。
[ 查看全文... ]

使用DIV+CSS结构的页面，文件大小要远远小于Table结构，在其他条件（网速、主机性能）相同的情况下，前者的载入时间和解析时间要快很多。这减小了搜索引擎网络蜘蛛抓取所需要的时间，很大程度上避免了由于页面布局抓取超时情况的出现。它可以很方便的绕过CSS，直接去抓取DIV中的内容，也就是说DIV+CSS架构对于搜索引擎更加友好。
另外，在对DIV进行命名时，取一些约定俗成的名字，通过这个名字来告诉搜索引擎这个DIV里面的内容。
下面是我们常用的一套命名规范： [ 查看全文... ]

浏览网页会出现结构不准确的状况，常常因为书写网页不规范造成。俗话说，没有规矩不成方圆，所有的事情遵循着一个良好的规律，会事半功倍许多。一个良好的书写规范，不仅仅能减少错误，也方便了大家和自己的查看，让代码更为明了。
下面就介绍一些DIV+CSS网页布局常用的书写规范：

[ 查看全文... ]