熟悉Wordpress的朋友应该知道，Wordpress后台只提供了修改文章(post)地址结构的工具(实际也包括了标签(tag)的地址链接结构)，但如果你想改变Wordpress页面(page)的固定地址链接结构，如何实现呢？

有些时候，我们只需要jQuery的一个小功能，来完成一个小任务，完全没有必要加载整个jQuery程序库。下面是一些用简单JavaScript实现jQuery功能特征的代码汇总。

之前我们介绍过使用 Lazy Load jQuery 插件。但其实还有一种更简单的方法，只需要几行代码，就能达到这种效果。同时，还附加一种淡入淡出的显示效果。

在日本，将音标标记在文字上边的印刷方式叫做”Ruby“或“rubi”。HTML里也有一种专门用来显示音标或注释的标记，就叫做ruby，是采用了日本印刷业的这个属语。

初次看到[].forEach.call()这样的代码，我觉得这种写法很有趣，为什么要这样写？为什么要用空数值引申出的方法？

用forEach你将会得到执行错误的异常信息。这是因为，document.querySelectorAll()返回的不是一个数组，而是一个NodeList。

我遇到的‘%2F’只是个例子，还有很多这样的字符不能吧包含在文件名中，它们同样不能被RewriteCond解析。

细研究更发现，我们可以通过 “chrome://” 地址来配置很多的火狐浏览器的菜单、选项和隐藏属性。

浏览器的进步给我们带来了很多先进的JavaScript特征，新出现的原生内置(native)JavaScript功能可以很大程度的实现jQuery提供的功能。如果你能了解这些JavaScript新技术，就能在很多地方用纯JavaScript实现以前需要jQuery才能实现的技术

CSS中的clip-path能够让你指定一个网页元素的显示区域，而不是缺省的显示全部。在过去有个等效的属性， clip，但在新的CSS规范中，它已经被标志为deprecated，用新的clip-path代替。

这是一个能方便的找到CSS动画制作的代码片段的地方。

下面展示的是一批完全只用CSS制作的加载等待动画效果。每个动画只运用了简单的css属性，没有任何繁重的渲染动作和布局计算，都是非常轻量级的代码。

这个里面里你能看到的26个标准的英文字母并不是普通的字体，它们是用CSS在空白的页面上绘制出来的，纯css作品，用鼠标移动到CSS代码上，你能看的这段代码绘制的相应的字母局部。主要运用了CSS3里的多个新变换功能，需要使用最新的浏览器进行观赏。

十分形象的迷宫搜索算法，能看的计算机如何一步一步的探索路径，障碍物，最终确定最佳，最近的路线图

全局变量在编程语言中一向被认为是一种不好的编程方法。但现实情况是，很多著名的项目都在大量的使用着全局变量

图片可以让页面更有吸引力，尤其是处理的恰当的时候，但问题是，图片的处理是个麻烦事情，它的创建和裁剪对于一个普通人来说是个困难的任务

空格在calc()的加减操作中有着非常重要的作用，这跟普通的编程语言中的用法有所区别，我想，这可能是因为在CSS中，你可以用“aaa-bbb”这样中间有减号的类名，而在多数的编程语言中，这样的变量名是不允许的。

专门针对IE的条件性注释(Conditional comments)是个很奇葩的东西，它是专门给IE浏览器准备的，因为其它浏览器根本不能识别这种标记。但当IE的版本到到达10、11后，开始不支持这种条件性注释

在css里有很多的属性是复合属性——可以拆分成多个属性表示，我们通常将复合属性称作简写，比如今天要说的font属性。

新技术的出现有时会给我们WEB开发人员带领额外的苦恼，比如，如何判断用户现在是在线还是离线？幸好，有矛就有盾，JavaScript里的navigator对象帮我们解决这个问题。

过去WEB程序员都很清楚，用HTML表单上传文件是很麻烦的事情，特别是你想了解一下用户上传的文件的一些属性，必须等它上传完成后才能知道。

最近看到一个nodejs程序，promisify-node，它能够将一个普通的函数或对象转变成promised方式的API。经过查看源代码，发现它是通过读取函数的参数来寻找回调函数式的参数。这种方式看起来有点怪，但有时候很有用。

我经常会遇到一个页面是有几十个png图片的问题，这时候必须将将这些图片优化压缩一下，因为你会发现其中有些看似很简单的普通的体积通常会有三、四百KB。我会用ImageMagic这个图片处理工具优化它们，如果一个图片一个图片的执行优化命令，那会非常费事，下面是我写的一个批处理文件

HTML中有很多元素，每这元素都有自己特定的显示样式，但随着浏览器的升级，随着浏览器的多样化，随着HTML标准的改进，各种HTML元素的外观也在不知不觉的发生着变化，很多HTML元素使用老式浏览器观看是一个样，而使用最新版的浏览器观看又是一个样，使用火狐浏览器是一个样，使用谷歌浏览器又是一个样，所以，本文就是讲所以HTML元素都归集到一个页面，每种元素都给出了一个样例，你可以在这个页面里一目了然的观看所以HTML元素的缺省样式。这个页面还有用来测试你的CSS的作用效果，看看哪些元素受你的css影响，哪些不受影响。

HTML (<nav>)元素用来表示一个含有多个超链接的区域，这个区域的连接可以连接到其他页面，也可以连接到本页面内部其他部分。

这是用HTML5画布(canvas)制作的一款简单的消消乐游戏，如果你玩过消消乐游戏，一定知道其中的玩法：将邻居的相同颜色的方块用鼠标进行联线，它们就会消掉，新的方块会立即补充进来，目标是看谁在限定的时间内消的最多。

HTML <header> 元素用来表示一些前言性质或导航类的内容。它可以包含一些标题性质元素，也可以放置一些比如logo，搜索框，或其它的<header>元素等。

HTML <figure> 元素是一个自我独立的内容元素，通常会包含一个标题说明(<figcaption>),，内容通常会是一个图片，图表，代码片段或跟主内容相关的图解，它可以放到主内容布局里，也可以放到另外一个页面，或主内容框架之外的附录里。

HTML Footer 元素 (<footer>)用来表示整个文档或与其相应的某个区域内容的页脚。一个footer通常包含的内容有：作者信息，版权信息或相关连接。

首先你需要相信的是，下面的这个会跳舞的树是用纯HTML5和CSS3实现的，没有用任何的SVG、flash、JavaScript等技术，就是html和css。相信这会让你觉得不可思议，是的，难以相信。首先这棵树明显是个递归结构，需要用的数学上的算法，然后这棵树在跳舞时(摆动)，树枝上下摆动和左右摇晃的节奏并不同步，带有一种自然的随意和协调性。看起来很美。

Timesheet.js – 使用 Timesheet.js 你可以轻松的创建简单的时间和数据表，完全使用HTML5、JavaScript和CSS3技术。是的，没有使用任何JS工具包！

HTML<aside>元素表示一个页面的一部分， 它的内容跟这个页面的其它内容的关联性不强，或者是没有关联，单独存在。<aside>元素通常显示成侧边栏(sidebar)或一些插入补充内容。通常用来在侧边栏显示一些定义，比如目录、索引、术语表等；也可以用来显示相关的广告宣传，作者的介绍，Web应用，相关链接，当前页内容简介等。

Article元素(<article>)故名思议，可以表示论坛帖子、杂志或新闻文章、博客、用户提交的评论、交互式组件，或者其他独立的内容项目。它的主要语义为表示自己是一个独立的内容结构。每一个<article>元素内部结构都应该是相似的，比如都应该包含一个头标题(h1-h6元素)等。

Base64 Encode 1x1px透明GIF图片能干什么？这种图片的特征就是体积最小化，最大限度的减少带宽。而且是透明的，具有隐身作用。用到的场景很多，比如测试浏览器是否支持data URI技术，或用来做一个透明的浮动层，或在lazy load图片时用它来做占位符