在 CSS-Tricks 上看到一篇介绍 Web Audio API 的文章，学以致用，为工具箱中的摩斯密码转换器加上了在线播放功能。

原文：How to Create Direction-Aware CSS-Only Hover Effects

译者：小影

在不弹出权限询问的情况下，浏览器可以获得你的哪些信息？除了常见的 IP、地理位置、系统和浏览器版本，其实还能获取本地 IP、CPU 平台、显卡型号、登录过的社交网站等等信息。

在过去几年里，我发表了关于 HTML5 表单验证的文章和演讲，其中最常见的问题就是关于气泡。这里的气泡是指浏览器显示验证错误信息的 UI 空间。下面分别是 Chrome、Firefox 和 IE 的实现：

Web Fonts 是伴随着 CSS3 的 @font-face 一起火起来的技术。使用 @font-face 你可以在网页上使用任何字体，而不需要考虑用户的电脑上有没有这个字体。如果你经常上一淘网，有没有发现它的网站 LOGO 就是用 Web Font 实现的？

HTML5离我们越来越近，国内各大视频网站纷纷开始支持HTML5视频播放，作为前端工程师对音视频的接触也越来越多，但是由于各浏览器对格式的支持都不相同，目前仍然需要同时提供2到3种不同的格式，那么一款好用的免费的转换软件就是前端工程师们居家旅行的必备利器！