:nth-child和:nth-of-type都是CSS3中的伪类选择器，其作用近似却又不完全一样，对于不熟悉的人对其可能不是很区分，本文就将介绍两者的不同，以便于大家正确灵活使用这两类选择器。提供几个简单的对比实例页面以表现两者之间的差异，提供源代码展示，提供必要的截图。并附上自己对这两个选择器的一些认识和建议。总之，希望本文的内容能够对您的学习有所帮助。
翻编-JavaScript有关的10个怪癖和秘密
2011年06月21日 by 阅读 99161 次, 今日 3 次
本身属于翻译文章，内容为JavaScript的一些奇怪之处，但是又不是传统意义上的逐字逐句地翻译，大体意思到了，至于细节以及文字表述还是有些本土化的特征，并在有些地方外加了点自己的小看法。同时为了便于大家的理解与学习，我还对原文内容进行了扩充，即基本上针对每一个实例都制作了相应的demo页面并附上了相关的截图。希望能对您的学习有所帮助。
HTML5自定义属性对象Dataset简介
2011年06月14日 by 阅读 154082 次, 今日 9 次本文介绍个HTML里面的个东东——dataset，这是个DOMStringMap对象，是HTML5一种新的含有多个名-值对的交互变量。作用是用来方便地控制HTML5中自定义的data属性。由于目前支持该属性的浏览器还不是很多，想要在实际项目中大范围使用还不太现实，所以本文只简单介绍该属性。
本文提供一些帮助理解和认识的demo页面，外带一些必要的截图以及源代码展示，总之，希望本文的内容能够对您的学习有所帮助。
关于HTML5中一些被舍弃的元素及特征
2011年06月13日 by 阅读 43460 次, 今日 2 次如题，本文主要简单介绍HTML5中一些被舍弃的属性特征相关的一些内容，算不上大作，没有demo，只有寥寥文字与几张截图，希望可以对您HTML5的学习提供帮助。
小卖弄：开心网标签词观点交互的CSS实现
2011年06月10日 by 阅读 64520 次, 今日 5 次开心网转帖后面有一个标签式的短评观点交互效果，这种效果的精髓与QQ好友印象是很接近的。但是开心网的实现标签N多，层级也N复杂，且JS实现的交换，并使用了背景图片，缺点多多。本文的内容就是如何使用纯CSS实现类似的效果。本文提供必要的demo页面，页面截图和源代码展示。希望本文的内容能够对您的学习有所帮助。
jQuery smartMenu右键自定义上下文菜单插件
2011年05月31日 by 阅读 219442 次, 今日 9 次
我们都知道，默认状态下，我们右键web页面，会出现一个上下文菜单，但是，浏览器默认的右键选项有时候并不是我们所需要的，我们希望浏览器的右键选项菜单更智能，可以灵活自定义。就像web QQ一样，显然这种东西貌似还是蛮强大与实用的，于是我就抽空写了个可以右键自定义上下文菜单的jQuery插件 – smartMenu，直接一行代码绑定，就可以让我们轻松实现页面元素的自定义上下文功能。至于具体如何实用与绑定，就是本文的的主要内容。
一如既往，详细的插件介绍，丰富的截图展示，必要的源代码讲解，以及提供源文件打包下载。总之，希望本文的内容能够对您的学习有所帮助。
CSS页面重构“鑫三无准则”之“无图片”准则
2011年05月25日 by 阅读 113605 次, 今日 8 次
“鑫三无准则”这个概念貌似最早是在去年的去年一篇名叫“关于Google圆角高光高宽自适应按钮及其拓展”的文章中提过。这是自己在页面重构的经验中总结出来的一套约束自己CSS的准则，即“无宽度”、“无图片”和“无浮动”，目的是使CSS布局模块化以及增强可扩展性。
此准则是针对我个人的，可能没有什么适用性，也可能会对您的学习有所启发，所以这里还是简单分享下。其中“无宽度”准则则在去年秋天专门讲了下，这里再简单介绍下其中的“无图片”准则。
本文虽然文字不多，但是多涉及到的技术点不少。有demo，有截图，有源代码展示，总之，希望本文的内容能够对您的学习有所帮助。
小tip:IE不支持CSS3多背景的替代解决方案
2011年05月23日 by 阅读 92590 次, 今日 4 次IE6-IE8浏览器不支持CSS3多背景(Multiple backgrounds)，只使得这个很惹人爱的属性没了用武之地，好在IE浏览器下还是有替代的解决方法的。而本文的内容就是介绍这种替代方法，并展示了比较实际的应用实例。显然，像这种性质文章，demo页面自然少不了，丰富飞截图自然少不了，必要的源代码展示也少不了。总之，希望本文的内容能够对您的学习有所帮助。
CSS垂直翻转/水平翻转提高web页面资源重用性
2011年05月19日 by 阅读 194413 次, 今日 12 次水平或是垂直翻转性质的东西基本上类似于镜像拷贝，于是，我们在web制作的时候，一旦遇到对称出现的元素的时候，我们只需要处理一个元素就可以了，然后另外一个直接翻转使用下。这不但节约了资源的利用，还减少了代码的开销，省去了不少工作时间，换言之延长了我们的寿命，可谓相当不错的东东。
本文就展示下如何实现元素的水平翻转与垂直翻转，同时列举了几个典型实现，以了解翻转效果的现实意义。雷打不动的，有demo，有截图，希望本文的内容能够对您的学习有所帮助。
基于canvas画布的两个炫酷效果展示
2011年05月17日 by 阅读 85476 次, 今日 3 次HTML5 canvas这个玩意用通俗的话来讲就是一块用来画画的布，不过这不是普通的布，这是个类似于神笔马良的那个神笔一样神奇的东西，可以画出很多精湛美妙的东西。本文就展示两个基于canvas的炫酷效果，可以让我们对canvas的潜力有个比较直观的认识。一如既往，有demo页面，有效果截图，相关源代码展示。本文甚至还有video视频展示，总之，希望本文的内容能够对您 学习有所帮助。
我的应用
我的应用