在这个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太丰富了。

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

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

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

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

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

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

多行字符串！惊喜！

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

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

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

CSS3中新出现的多列布局(columns)是传统HTML网页中块状布局模式的有力扩充。这种新语法能够让WEB开发人员轻松的让文本呈现多列显示

从CSS3起，我们有了一个新的属性：border-image，它能让你用漂亮的小图片来围绕HTML元素，以图片边框的形式出现。通过border-image属性，我们可以制作出非常漂亮的边框样式。

在上一篇《理解:Before和:After伪元素》文章，我们举出的只是一个非常简单的使用伪元素:before和:after装饰“引用语”的用法。在这片文章里，我要在看看三个更高级、更绚丽的:before和:after的用法。

所谓‘伪元素’，就是本身不存在的页面元素，HTML代码里并没有这样的元素，但在页面显示时，你却能看到这些本来不存在的元素发挥着作用。

我曾经以为，页面上的所有图片都应该设置alt属性。但现在却发现，事实并不是这样。

这里要说的一个技巧也是以往在老式的IE浏览器里很难实现的功能——用css自定义鼠标光标样式。使用CSS能很容易的实现这个功能。

广告是一个不招人喜欢的东西。但是，对一个中小网站站长/博客主来说，广告几乎是唯一的能成支持网站/博客正常运转的资金来源。如果一个博客主，只是无私发布稿件，能坚持几年的，很少。大多数慢慢失去了热情。

我们最常见到的带有多图的文章页面中，图的大小通常是和页面的宽度一致，这样看起来，页面就是一个直筒形，这样的布局看多了就会觉得很单调。之所以形成这样的局面，我想很大程度上是因为老式浏览器的限制。但随着现代浏览器(火狐/谷歌/IE11)的普及，浏览器对页面设计的限制越来越少，Web程序员的想象能力能够得到极大的发挥。

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

在我的开发工作中经常会遇到需要判断一个函数是否是JavaScript原生函数的情况，有时候这是一个很必要的工作，你需要知道这个函数是浏览器自身提供的，还是由第三方封装、伪装成原生函数。

在浏览器动画程序中，我们通常使用一个定时器来循环每隔几毫秒移动目标物体一次，来让它动起来。如今有一个好消息，浏览器开发商们决定：“嗨，为什么我们不在浏览器里提供这样一个API呢

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

word-wrap并不是一个很常用的CSS属性，但在特定的环境中确实非常有用的。我们经常使用的一个例子是让页面中显示一个长url时换行，而不是撑破页面，下面是一个例子。

这里描述所用的“oblique”和“italic”都是倾斜的意思。“oblique”在维基百科里的解释就是一种排版术语，就是一种倾斜的文字，但不是斜体。

估计你从语义上已经猜出它的作用了。它是为HTML table服务的。它会告诉浏览器，当一个table单元格里没有东西时，就隐藏它。下面的演示里，你可以点击里面按钮，它会切换empty-cells的属性值，看看table的显示有什么变化

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

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