在最新的 WebStorm/PhpStorm 6 更新中，加入了一系列优秀的前端开发工具。其中的 File Watchers 功能可以自动编译诸如 Sass、SCSS、LESS、CoffeeScript 和 TypeScript 等预处理器语言。对我来说这是一个非常实用的扩展功能，通过它已经可以替代过去 CodeKit 所做的部分工作。但是 File Watchers 目前还缺乏对 Compass 框架的支持，这对使用 Sass/SCSS 的开发者来说影响是非常大的。
下面就说说如何配置 WebStorm/PhpStorm，使其对 Compass 提供良好的支持。
继续阅读
推荐看看这篇讲 HTML5 重构的文章，说到了目前 HTML5 新标签遇到的诸多问题。
http://www.netmagazine.com/features/truth-about-structuring-html5-page
Sublime Text 2 是今年非常火的一款编辑器，这款轻便的编辑器提供了诸多功能实用的功能，「tutsplus」也做了一套教程，可以深入了解这款编辑器的各种功能。在线看的话有点慢，所以我把它打包到网盘了，如有失效请告知。
目录见这里：https://tutsplus.com/course/improve-workflow-in-sublime-text-2/
百度网盘打包下载：
http://pan.baidu.com/share/link?shareid=61833&uk=1479479056
在《Perfect Workflow in Sublime Text》系列视频中，我看到了第三讲通过 Mac OSX 的「系统服务」快速在 Sublime Text 2 中打开目录的方法。跟着试了一遍，总是出错，其实还有更简单的方法，使用「Automator」自带的「打开 Finder 项目」模板即可。
继续阅读
昨天收到一条垃圾评论，内容是「多更新，要不然还以为您老人家去保卫钓鱼岛了呢」。所以今天说什么也得写一篇证明我还没那么热血。
在过去很长一段时间里，我们都习惯用负值 text-indent 的方法来进行图片替换。在最新的 HTML5 Boilerplate 中，我看到了一种新的图片替换技术。它采用 CSS 伪元素来实现，相对于以前的图片替换技术，它很好的解决一些手机浏览器的 bug，且没有属性覆盖的问题，并且不需要额外的标签。
继续阅读
在 LEA VEROU 的博客翻到这么一篇文章——《Styling children based on their number, with CSS3》。原文谈到使用“:nth-child 伪类元素选择器”的方法在 2009 年被提出，LEA VEROU 又通过普通相邻选择器（General sibling combinator[1]）改良了一下。最终的代码很酷。
标题写的有些拗口，看看下面的例子应该可以明白。主要作用是无论父元素有多少子元素，都根据子元素的数量设定样式，而无需使用任何 class。
继续阅读
前段时间我的 Logitech V470 鼠标左键坏掉了，由于自己之前拆开清过灰，所以失去了保修。把它扔到墙角吃灰后，从同事那借来了 Magic Mouse 一用。Magic Mouse 是苹果推出的一款蓝牙触控鼠标，借助下面两款小工具，可以实现许多不错的功能，让它增色不少。
继续阅读
Evernote Clearly（中文版名为“印象笔记·悦读”）是一个提高网页阅读体验的浏览器插件，它可以将网页快速过滤到多余内容，让你安心阅读正文。功能类似于 Readability，但是 Clearly 本地转换，速度快了很多。
美中不足的是 Chrome 版插件在工具栏有一个按钮，也支持快捷键，却还加了一个不能去掉的右键菜单项，每次看见这个多余的东西都难受。
去掉的方法很简单：
继续阅读
在 Win 时代，我最爱的词典工具是 Lingoes，免费而且可以快速取词。在 Mac 下我却一直找不到一个好用的词典程序，以至于在浏览器里保存了一个“QQ 词典”的 Bookmarklet。后来才发现最好用的东西，原来一直在自己手里。苹果系统自带的词典就非常好用，可以添加词典并支持屏幕快速取词，非常方便。
很多网站为了防止别人复制内部的文字，都使用了 oncontextmenu 来防止右键。但是想快速看看他写的代码也有点麻烦，所以我写了段 js 来解除，只要把下面的链接拖到书签栏就可以快速使用了，不包成功。
使用后可以解除右键、选择拖动和粘贴的锁定。
