在 WebStorm/PhpStorm 中开启对 Compass 的支持

在最新的 WebStorm/PhpStorm 6 更新中,加入了一系列优秀的前端开发工具。其中的 File Watchers 功能可以自动编译诸如 Sass、SCSS、LESS、CoffeeScript 和 TypeScript 等预处理器语言。对我来说这是一个非常实用的扩展功能,通过它已经可以替代过去 CodeKit 所做的部分工作。但是 File Watchers 目前还缺乏对 Compass 框架的支持,这对使用 Sass/SCSS 的开发者来说影响是非常大的。

下面就说说如何配置 WebStorm/PhpStorm,使其对 Compass 提供良好的支持。
继续阅读

发表在 软件技巧 | 标签为 , , , , , | 9 条评论

HTML5 重构的真相与糟糕的「语义化」新标签

推荐看看这篇讲 HTML5 重构的文章,说到了目前 HTML5 新标签遇到的诸多问题。
http://www.netmagazine.com/features/truth-about-structuring-html5-page

继续阅读

发表在 HTML/CSS | 标签为 | 4 条评论

【视频】《Perfect Workflow in Sublime Text 2》视频教程全集打包

Sublime Text 2 是今年非常火的一款编辑器,这款轻便的编辑器提供了诸多功能实用的功能,「tutsplus」也做了一套教程,可以深入了解这款编辑器的各种功能。在线看的话有点慢,所以我把它打包到网盘了,如有失效请告知。

目录见这里:https://tutsplus.com/course/improve-workflow-in-sublime-text-2/

百度网盘打包下载:
http://pan.baidu.com/share/link?shareid=61833&uk=1479479056

发表在 软件技巧 | 标签为 , , | 12 条评论

从右键菜单快速在 Sublime Text 2 中打开目录

在《Perfect Workflow in Sublime Text》系列视频中,我看到了第三讲通过 Mac OSX 的「系统服务」快速在 Sublime Text 2 中打开目录的方法。跟着试了一遍,总是出错,其实还有更简单的方法,使用「Automator」自带的「打开 Finder 项目」模板即可。
继续阅读

发表在 Mac OS X | 标签为 , , , | 5 条评论

一种通过伪元素实现的更好的图片替换技术

昨天收到一条垃圾评论,内容是「多更新,要不然还以为您老人家去保卫钓鱼岛了呢」。所以今天说什么也得写一篇证明我还没那么热血。

在过去很长一段时间里,我们都习惯用负值 text-indent 的方法来进行图片替换。在最新的 HTML5 Boilerplate 中,我看到了一种新的图片替换技术。它采用 CSS 伪元素来实现,相对于以前的图片替换技术,它很好的解决一些手机浏览器的 bug,且没有属性覆盖的问题,并且不需要额外的标签。
继续阅读

发表在 HTML/CSS | 标签为 | 2 条评论

通过 CSS3 根据子元素数量为其定义不同样式

在 LEA VEROU 的博客翻到这么一篇文章——《Styling children based on their number, with CSS3》。原文谈到使用“:nth-child 伪类元素选择器”的方法在 2009 年被提出,LEA VEROU 又通过普通相邻选择器(General sibling combinator[1])改良了一下。最终的代码很酷。

内容介绍

标题写的有些拗口,看看下面的例子应该可以明白。主要作用是无论父元素有多少子元素,都根据子元素的数量设定样式,而无需使用任何 class。
继续阅读

发表在 HTML/CSS | 标签为 , | 7 条评论

使用 Better Touch Tool 和 Jitouch 让 Magic Mouse 更好地工作

前段时间我的 Logitech V470 鼠标左键坏掉了,由于自己之前拆开清过灰,所以失去了保修。把它扔到墙角吃灰后,从同事那借来了 Magic Mouse 一用。Magic Mouse 是苹果推出的一款蓝牙触控鼠标,借助下面两款小工具,可以实现许多不错的功能,让它增色不少。
继续阅读

发表在 软件技巧 | 标签为 , | 留下评论

去掉 Evernote Clearly 在 Chrome 右键菜单中的选项

Evernote Clearly(中文版名为“印象笔记·悦读”)是一个提高网页阅读体验的浏览器插件,它可以将网页快速过滤到多余内容,让你安心阅读正文。功能类似于 Readability,但是 Clearly 本地转换,速度快了很多。

美中不足的是 Chrome 版插件在工具栏有一个按钮,也支持快捷键,却还加了一个不能去掉的右键菜单项,每次看见这个多余的东西都难受。

去掉的方法很简单:
继续阅读

发表在 软件技巧 | 标签为 , | 4 条评论

[Mac]使用系统自带的词典程序快速取词翻译

在 Win 时代,我最爱的词典工具是 Lingoes,免费而且可以快速取词。在 Mac 下我却一直找不到一个好用的词典程序,以至于在浏览器里保存了一个“QQ 词典”的 Bookmarklet。后来才发现最好用的东西,原来一直在自己手里。苹果系统自带的词典就非常好用,可以添加词典并支持屏幕快速取词,非常方便。


继续阅读

发表在 Mac OS X | 标签为 | 28 条评论

解除网页禁止右键和禁止选字的 Bookmarklet

很多网站为了防止别人复制内部的文字,都使用了 oncontextmenu 来防止右键。但是想快速看看他写的代码也有点麻烦,所以我写了段 js 来解除,只要把下面的链接拖到书签栏就可以快速使用了,不包成功。

全部解除

使用后可以解除右键、选择拖动和粘贴的锁定。

发表在 JavaScript | 标签为 , | 9 条评论