最近我在研究开发一个火狐插件，具体的功能是将网页内容截屏并分享到微博上。目前基本功能已经实现，大家可以在 @程序师视野 里看到用这个截图插件分享的微博的效果。

之前我曾介绍过如何将HTML5画布(canvas)内容转变成图片形式，方法十分简单。但后来我发现只将canvas内容转变成图片输出还不够，如何能将转变后的图片保存到本地呢？

请问大佬，这个版本的需要安装哪个版本的mxnet（GPU版）呢？ 谢谢大佬回答，ヾ(≧▽≦*)o 我也布吉岛为啥是 11.0.0可能前几天更新系统顺便更新...

UTM是 Urchin Tracking Module 的缩写，是 Google 用来追踪网址(URL)的格式。Urchin 其实是Google在2004年买下的一间软件公司，这个公司的产品 Urchin 软件随后也演变成今日的Google Analytics。

最近在使用Wordpress时，页面加载异常缓慢，一个简单的页面需要等待很久，使用firebug查看发现，是浏览器一直在等待页面中嵌入的谷歌网络字体(google fonts)链接fonts.googleapis.com，直到超时。这说明fonts.googleapis.com这个网站也被封锁了。

在HTML5之前，对于这样的页面需求，最常见的方案是用Javascript日期选择组件。这几乎是无可争议、别无选择的做法。你可以在搜寻一下“javascript 日期选择框”，会发现有无数的可选择的JavaScript组件。大部分这些日期选择组件都提供将日期填充到指定的输入框里的功能。

DataList的作用是在你往input输入框里输入信息时，根据你敲进去的字母，自动显示一个提示下列列表，很像百度或谷歌的搜索框的自动提示，在飞机票火车票的搜索页面上也有这样的效果。它是HTML5里新增的一个非常有用的元素。

Range就是范围：年龄范围，工资范围，人数范围。当页面上需要用户输入一个在一定范围内的数字时，使用一个类似滑块控件是十分方便的。一个典型的滑块控件使用场景就是颜色选择器中用左右拖拽箭头来调节RGB颜色值。

之前在介绍HTML5的placeholder属性时，曾实现了一些页面例子让大家参考，但这些例子里的背景文字都是灰色的，样式很单一，其实它们可以做的更好看，CSS3里提供了专门的规则属性来美化用placeholder实现的input输入框的背景提示信息。

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

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

YouTube上的字幕和视频是独立的，没有合成到一起，所以，下载下来的视频是不含字幕的。这当然不行的，英语无字幕的视频估计没有几个人会喜欢。那么，如何能把字幕也下载下来呢？

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

对于第二种方法，也就是所谓的Web font网络字体。我需要先说一下它的基本原理。CSS有一种标记叫做@font-face，在@font-face声明里，你可以声明一种字体，指定这种字体字体库文件从网络中的某个地方下载。具体的写法如下：

在@font-face网络字体技术之前，浏览器显示网页上文字使用的字体只能限制在电脑里已经安装的几款字体里。而且每个人的电脑里安装的字体是因人而异的。@font-face的作用是从网上下载并使用自定义字体，使页面显示字体不依赖用户的操作系统字体环境。

Web程序员最头疼的一个事情就是要记住很多不好记的东西。在CSS里，有很多属性都有组合写法和简写，比如Margin这个属性的组合写法是将margin-top,margin-left,margin-right,margin-bottom是个属性组合使用。而简写是将四种属性合并到一起，变成 margin：1px 2px 3px 4px。虽然很简练，但你需要记住这四个值分别是什么意思。

当使用Opera浏览器测试手头上正在开发的一个网站时，我发现在激活浏览器中的标签页(tab)时遇到了很大的麻烦。我说的“激活”是指用鼠标点击浏览器的标签页标签(tab)时，标签页没反应，没有切换成当前激活页。我需要点击几次才能让我想要的该死的标签页切换出来。

PHP里面有一个非常强大的函数库，它们的目的就是让你安全的从远程网站上取回内容。这些函数被称作CURL。现在，你不要被CURL官方页面上大量的东西吓阻，它实际上非常的简单。

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

谷歌，我们每天的生活都离不了的搜索巨人，在这周，对它的官方logo进行了一次修改。这次的改动非常小，小到你几乎无法察觉到。“Google”中“g”和“l”被轻轻的移动了一点位置——为了让logo更好看。

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

使用视频作为网页背景是件很酷的事情，但也是件困难的事情。CSS里的background-image属性只能使用图片、SVG、颜色或渐变色。但从技术讲，我们是可以伪造出一种效果，让视频以背景的角色出现在其它HTML元素后面。这其中的难点是视频要填充整个浏览器页面，而且要响应浏览器窗口大小的变化。

在某些场合，使用Table是100%的适合、恰当和正确。比如，用table做表格是完全正确的。但大部分时候，使用table是不正确的，应该使用HTML+CSS实现你的布局。如果你无法判断是否应该使用table，参考一下上面的几条，相信你能找到答案。

也许是因为我们的文字都是从左到右写的，所以才导致HTML规范中所有跟布局相关的设计都是倾向于左右布局。所以才导致左右居中非常容易，而上下竖向居中经常会出错。在《如何竖向居中》这篇文章里曾介绍过两种竖向居中的方法，但每种方法都有自己的局限。于是技术是第一生产力的真理又一次发挥作用

新技术的出现往往意味着新的生产力的提高。随着HTML5和CSS3的流行和普及，越来越多的新方法能让我们简洁又轻松的解决以前用很复杂的代码才能完成的事情。比如HTML5中的download和placeholder，CSS3中的计算器和计数器，都使我们Web开发人员的工作量大大降低，因为这些功能的出现使我们省去了很多力气。