层叠样式表（CSS）的主要目的是给HTML元素添加样式，然而，在一些案例中给文档添加额外的元素是多余的或是不可能的。事实上CSS中有一个特性允许我们添加额外元素而不扰乱文档本身，这就是“伪元素”。
你一定听说过这个词，尤其是当你一直关注着我们的教程。点此浏览原作者的其他文章
事实上，的确有一些CSS家族的成员（CSS选择器）被分类为伪元素比如：:first-line, :first-letter, ::selection, :before and :after。但是，就本文而言，我们将把我们探讨的范围限制在:before 和 :after这两个元素上。因此，本文中的“伪元素”将特指这两个伪元素（:before 和 :after），我们将从基础入手，来研究这个独特的主题。 查看全文
密码，如果设置的太简单，很容易就被攻破，所以很多网站将密码设置的要求设置的挺严格，一般是字母、数字、字符3选2，区分大小写。对于设置得太简单的密码，予以错误提示。或者予以密码等级（低中高）显示，让用户设置高级密码。那如何利用JS实现呢？
链接：https://gist.github.com/xuanfeng/a44f20cb4569d5b4cd5e 查看全文
注册的过程中往往需要填写邮箱，并登陆邮箱进行验证。利用JS可以实现针对不同的邮箱进行点击登录验证，以下为实现方案，很简单
我们程序员在追求爱情方面也是非常浪漫的，某位同学利用自己所学的HTML5知识自制的HTML5爱心表白动画，画面非常温馨甜蜜，这样的创意很容易打动女孩，如果你是单身的程序员，也赶紧来制作自己的爱心表白动画吧。
http://xuanfengge.com/demo/201409/love/
纯CSS3实现GIF图片进度加载效果，我们经常会用gif图片在做加载进度动画，如今我们可以用纯CSS3来实现相同的效果，CSS3实现加载动画可以节省图片加载时间。
