上周我曾介绍过获取HTML5视频时长的方法。这是一项在操作HTML5视频时经常会用到的技术，但很容易想到，还有一种比获取视频时长更有用的操作，那就是获取或设置视频当前播放的时间点。

对于用惯了图像界面操作的朋友们，我可以告诉你，命令行工具就像是一个宝藏，只要你挖掘，就会发现取之不尽的宝贝。相反，很多事情你觉得只有用图形界面才能获取，但事实上，命令行也能执行，甚至更方便。

一次要把4万条数据取出，然后逐条检查每天数据。可想而知，4万条数据全部加载到内存中，内存不爆才怪。。

几乎所有的宽带商(联通宽带、电信宽带、移动宽带、长城宽带、方正宽带等)都会在用户使用它们的宽带服务浏览网页时，在这些网页的页面上强行嵌入自己的广告服务。

以JSON编码格式提交表单数据是HTML5对WEB发展进化的又一大贡献

图片延迟加载技术目前已经被各种网站广泛的使用，但最近的一篇《PS美女试验的惊人结果 》文章中使用的确是背景图延迟加载技术。为什么要使用背景图延迟加载技术？下面我们就来说一说这个问题。

虽然CSS并不是一种很复杂的技术，但就算你是一个使用CSS多年的高手，仍然会有很多CSS用法/属性/属性值你从来没使用过，甚至从来没听说过。

我相信视差效果是一种能让你的读者在浏览网页时发出“哇塞”声的效果。所以，在这里，我将要向大家展示一个用jQuery实现的视差效果的例子。在本教程中，我将详细介绍如何用jQuery来移动景图达到具有动画视觉效果的内容。

border-image看起来这是一个非常漂亮的CSS功能，它可以让你用图片修饰元素的边框。下面是一个实例演示，你可以调整窗口的大小，看看有什么变化。

我相信有些小知识会让你大吃一惊。 跟着最新的CSS规范，text-decoration现在的写法是这样的： a […]

之前说到了background-clip，你可能会想到clip属性。它的作用是按指定的尺寸、规定的大小裁剪元素。很多简单，但唯一你需要注意的事情是，clip只会在绝对定位的元素上生效。所有，你必须这样做：

对于CSS的color属性，相信所有Web开发人员都使用过。如果你并不是一个特别有经验的程序员，我相信你未必知道color属性除了能用在文本显示，还可以用作其它地方。

今天要向大家分享的是一个简单的具有视差效果的标签页切换技术。我们使用CSS动画技术，控制标签页切换时产生的动画动作，通过背景图的移动，让浏览者感觉到神奇的视差效果。

相比起其他网站语言来说，PHP没有自己的server，需要依赖Apache等服务器，如果你使用Tomcat，你就会明显感觉到PHP少了一个后台控制台，在Tomcat的控制台里你可以事实看到程序输出的日志信息。而PHP就缺少了这种能力，当你遇到在开发PHP程序时，需要实时看到后台打印出日志时，我想你的愿望很难实现。

IndexedDB是HTML5规范里新出现的浏览器里内置的数据库。对于在浏览器里存储数据，你可以使用cookies或local storage，但它们都是比较简单的技术，而IndexedDB提供了类似数据库风格的数据存储和使用方式。存储在IndexedDB里的数据是永久保存，不像cookies那样只是临时的。

学会开发浏览器插件是一种很强大的技能，因为现在越来越多的东西都开始往网上转移，人们对浏览器的倚重越来越大，插件也就有了越来越多的用场，所以，学习一些浏览器插件技术会有好处的。

GIF动图统治网上娱乐世界已经很长一段时间了，而Twitter却最近才宣布支持GIF格式，晚随晚，但毕竟是一件让人高兴的事情，可是，事实的真相远非你所想象的，上传到Twitter上的GIF动图在显示的时候却变成了MP4视频。

滤镜(Filters)是CSS3里新增的一种神奇的功能。说起滤镜(filter)效果，经常使用PhotoShop的人应该非常清楚，每张用Photoshop制作出来的图片几乎都使用了滤镜进行美化。而CSS滤镜，不需要你使用任何做图软件，用纯CSS就会生成多种的滤镜效果，比如模糊效果，透明效果，色彩反差调整，色彩反相等等

你可能已经听说过，HTML5里引入了几种新的input类型。在HTML5之前，大家熟知的input类型包括：text(输入框)，hidden(隐藏域)，submit(提交按钮)等。而HTML5到来之后，新增的input类型包括：number(数字)，date(日期)，color(颜色)，range(范围)等等。

input输入框背景文字提示效果在网上非常的普遍流行，但大部分是使用JavaScript实现的。但HTML5给我们提供了新的纯HTML的实现方式，不需要任何的JavaScript，只需要在你的input文本框的标记上添加HTML5规范里新增的placeholder属性，然后在属性值里输入你需要的提示信息。

如果你使用谷歌浏览器或火狐浏览器，你会发现页面上的textarea元素的右下角有个小三角，用鼠标箭头拖拽它，你的textarea就能随着放大或缩小。这是现代浏览器为方便用户而添加的一个辅助功能(很遗憾，不包括IE，如果你使用IE，是看不到的。)。Web程序员在设计网页时，一般给了textarea一个固定的长宽，通常是配合布局而设定。但挑剔的用户往往会认为太小或太大。有了这个可以调整大小的工具后，用户就可以自己选择合适的大小了。

::after是一个CSS伪元素，使用::after，你可以从CSS里往页面上新增内容(不再要在HTML里有相应的东西)。虽然最终生成的东西并不是真正的DOM里的内容，但这些内容能像普通内容一样显示，基本的效果是这样的:

SVG是一种矢量图格式。SVG是Scalable Vector Graphics三个单词的首字母缩写。Adobe Illustrator是专门编辑、制作矢量图的软件工具。SVG是Adobe Illustrator的主要制作目标。你可以在轻松的网页上使用漂亮的SVG图，但SVG有很多的用法你可能还不知道。

Web动画并不难。你只需要掌握一些非常基本的知识就能开发出非常漂亮的Web动画。以前开发动画应用你可能需要学习很复杂的动画制作框架。自从HTML5画布(Canvas)功能面世后，Web动画就一下子从云端跌落到了地面——任何一个Web程序员都可以轻易的用画布(Canvas)技术+JavaScript来开发出各种动画效果。

CSS也许是Web设计者和程序员之间一种最佳的沟通工具，所以，对于CSS的革新发展，每个人都会感到兴奋。W3C在其网站上公布了正在制定中的CSS4选择器(selector)规范，你会发现里面出现了很多新的东西。下面让我们来看看对于未来的浏览器，CSS4提供了哪些CSS选择器上的新功能和新特征！