WEBM格式的媒体将会越来越好，越来越流行，我期望着这种新格式逐渐替换掉之前Web上的老格式，因为将来真是移动web世界，需要体积更小，质量更高的流媒体文件技术。

我不想揣测这些黑客为什么要工具我的网站，因为，对于一个WEB服务器来说，经常受到这样的攻击时很常见的。最重要的是，当遇到这样的情况时你要知道如何应对，如何化解。

当第一次看到HTML5的表单校验功能时，我真是的感觉是十分怀疑的。虽然这是一种非常优秀的新HTML5新功能，但说实话，相比起JavaScript校验，它又显得不是那么自由，不是那么强大，不是那么实用。

Prism插件的代码组成就是一个js文件和一个CSS文件。经过对这两个文件的修改，我就可以用简单的方法标注pre里的是什么编程语言的代码，Prism能根据这些语种提示个性化的高亮其中的代码，让这些代码显得更清晰，更适合读者阅读。

几年前我就看到过CSS里有一些属性很奇怪，当我设置这些属性或取消这些属性后，字体看起来会变得好看和不那么好看。这就是字体平滑设置的效果。我推荐大家读一下Font smoothing explained这篇文件，你会从中学到更多的关于字体平滑效果的知识，但今天这里，我只是介绍一下它们的基本用法

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

因为大部分的GIF动图都是要放在网页上，最终下载到用户的浏览器里，所以，优化这些GIF图片的体积是十分必要的，这里我们就需要用到另外一个非常有用的GIF图片修改工具：gifsicle，它有一个内置的方法能够优化GIF动图。

对于Web程序员来说，处理简单的URL格式也许会成为一场噩梦。试想一下，一个网址里有很多组成部分都会影响你对它的解析方法： 是否以/字符开头 是否以//开头 是否以?号开头 是否以#号开头 …等等

在HTML5视频上我们可以自定义播放控制和现实效果，我们还可以在线获取视频的各种信息，比如今天要说的如果获取视频时长信息。

HTML5的革命，现代浏览器的诞生，JavaScript的升级，这些给我们提供了使用Javascript和input[type=file]元素获取上传文件过程信息的能力。下面就来看看这些上传文件API是如何使用的！

那么，如何能够将一个完整小视频，或一个长视频的某一部分转化成GIF动图呢？这里要使用一种多媒体工具：ffmpeg

在这个accept属性里，你可以填入多个mime类型文件，使用逗号分隔它们。经过这样的设定，这个上传组件就对上传的文件类型有了特点的限制。

在浏览器里用JavaScript获取地理位置信息API在很多移动应用里是最常见的API运用，作为Web程序员，它应该是你必须具备的一项知识技巧。幸运的是，目前所有流行的浏览器都支持了这种技术。

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

至于为什么要用这样的格式化效果，它能帮助你更好的在控制台(console)输出debug信息，更好的为调试程序服务。比如，严重错误或警告信息就需要用打个字体，醒目的颜色突出显示，你觉得呢，你会用这个彩色的控制台(console)信息输出技巧吗？

修改文件后缀是我们经常会遇到的操作，在Windows系统下，这个操作也许很简单。但在Linux下，我们经常需要 […]

这个新fetch API相比起XMLHttpRequest更简单，更易读，是很好的Ajax替代方法；fetch有很明显的优势，相信很快会流行起来！

随着技术的发展，这个电池状态信息API有了变化升级，它现在变成了基于promise方式的API，你可以在最新版的谷歌浏览器里使用它。下面让我们来看看这个最新的API的用法！

Wordpress主题实现的过程中，发现其中有很多action/filter可以使用，但这些action哪个先调用？哪个后执行，我经常会用错，毕竟里面的action/filter太丰富了。

这里我们用纯CSS技术表现出30种动物的碎片拼图形象，这30动物，非常的可爱，但不幸的是，它们都是濒临灭绝的动物，它们的生存情况正面临着危机。

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

WEB程序员的CSS WEB集成开发工具

四年前，Youtube官方曾宣布在网站上实验性的支持HTML5<video>标记，测试它跟使用Fl […]

刚刚过去的2014年是个有趣的一年，很多著名的公司都通过不同的媒体和途径公开了他们是如何使用CSS的。包括了他们使用的工具，使用的方法，他们对这些方法的思考，以及涉及到具体的数据和数字。

这里介绍的一个小技巧是如何用JavaScript获取页面上被选中的文字的方法

如果你想定位一个背景图片，让它距离右边20px，距离底部10px，那该怎么办？

嗨，为什么我不开发一个自己的音乐可视化程序呢？

非常简单但却有趣的CSS3游戏

5年前的时候我们根本无法用这么简单的代码实现这么漂亮的效果。随着浏览器的进步，javascript和CSS的发展，Web程序员的工作将变得越来越轻松。

你可以将这些属性运用到页面上能出现滚动条的元素(比如body)，通过这些设置，你可以设计出各式各样的滚动条：

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

多行字符串！惊喜！

当你设置一个页面元素的高度(height)为100%时，期望这样元素能撑满整个浏览器窗口的高度，但大多数情况下，这样的做法没有任何效果。你知道为什么height:100%不起作用吗？

本文将会告诉你如何用CSS修改/美化浏览器页面上出现的滚动条。改变它们的颜色，调整它们的外形，适配你对页面UI设计。

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