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

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

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

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

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

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

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

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

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

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

Javascript window.fetch API
这个新fetch API相比起XMLHttpRequest更简单,更易读,是很好的Ajax替代方法;fetch有很明显的优势,相信很快会流行起来!

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

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

中文版濒危动物CSS碎片拼图
这里我们用纯CSS技术表现出30种动物的碎片拼图形象,这30动物,非常的可爱,但不幸的是,它们都是濒临灭绝的动物,它们的生存情况正面临着危机。
Youtube网站正式全面使用HTML5<video>播放视频
四年前,Youtube官方曾宣布在网站上实验性的支持HTML5<video>标记,测试它跟使用Fl […]

看看各大科技公司都是如何使用CSS的
刚刚过去的2014年是个有趣的一年,很多著名的公司都通过不同的媒体和途径公开了他们是如何使用CSS的。包括了他们使用的工具,使用的方法,他们对这些方法的思考,以及涉及到具体的数据和数字。
纯CSS3实现图片展示特效
5年前的时候我们根本无法用这么简单的代码实现这么漂亮的效果。随着浏览器的进步,javascript和CSS的发展,Web程序员的工作将变得越来越轻松。
站长如何屏蔽流氓宽带商在你的页面里面强行插入的广告代码
几乎所有的宽带商(联通宽带、电信宽带、移动宽带、长城宽带、方正宽带等)都会在用户使用它们的宽带服务浏览网页时,在这些网页的页面上强行嵌入自己的广告服务。
如何让 height:100%; 起作用
当你设置一个页面元素的高度(height)为100%时,期望这样元素能撑满整个浏览器窗口的高度,但大多数情况下,这样的做法没有任何效果。你知道为什么height:100%不起作用吗?
CSS3多列布局(columns)的用法
CSS3中新出现的多列布局(columns)是传统HTML网页中块状布局模式的有力扩充。这种新语法能够让WEB开发人员轻松的让文本呈现多列显示
图片边框border-image的用法
从CSS3起,我们有了一个新的属性:border-image,它能让你用漂亮的小图片来围绕HTML元素,以图片边框的形式出现。通过border-image属性,我们可以制作出非常漂亮的边框样式。
伪元素:before和:after的精彩用法
在上一篇《理解:Before和:After伪元素》文章,我们举出的只是一个非常简单的使用伪元素:before和:after装饰“引用语”的用法。在这片文章里,我要在看看三个更高级、更绚丽的:before和:after的用法。
理解:Before和:After伪元素
所谓‘伪元素’,就是本身不存在的页面元素,HTML代码里并没有这样的元素,但在页面显示时,你却能看到这些本来不存在的元素发挥着作用。

HTML5版的Winamp音乐播放器
这是用纯HTML5和JavaScript实现的Winamp音乐播放器,它不仅仅外观看着像,它是以为可以实际播放音乐的HTML5音乐播放器。它可以播放你提供的音乐歌曲。