原来一直想着用完整的 Web 应用或 GUI 来做些增强效率的工具集，其实我们每天打交道的浏览器，进行下扩展就能好好的利用。粗略对比了下 Chrome 和 Firefox 的插件系统，Chrome 的插件开发应该要比 Firefox 的简单，无需引用什么新的概念，像 XUL。
例如，想实现一下 omnibox，即 Chrome 的全功能框(地址栏)，想要地址栏进入自定的 Unmi 模式，输入关键字让 google 去本站查询，或是输入 tag, category 直接进入本站的相关 tag, category 日志列表，在当前浏览器的 Tab 中打开目的页面。
比如在地址栏上输入关键字 "u>", 然后按空格或 Tab 键就进入到 Unmi 模式，如图
下面是完整开发步骤
Read More
经历过一个使用 Backbone.js 的项目，把 Backbone.js 也弄得七七八八了，关键是它比较容易理解。最近接触一个使用了 AngularJS 的项目，乍一看那可是两头雾水，它是一个 MVW(Model - View - Whatever) 型的 Javascript 框架。它与 Backbone.js 相比门槛就要高些了，我的第一感觉。一般都说 MVC，AngularJS 引入个 W(Whatever) 概念来意味就更深远了。
AngularJS 抛却了传统的 Javascript 的操作理念，不再是 Dom 上绑定事件，触发事件，操作 Dom 这样的思维。它在 HTML 代码中的表现就是那些 ng-* 属性，以及 {{...}} 括起来的 AngularJS 表达式。一个简单的操作甚至不需要写一行 Javascript 代码，在 AngularJS 的首页就有几个基本的例子，我体验了类似第一个例子，大概是这样子的 Read More
最近重新在 Eclipse 中打开旧的 Maven 项目，总有些什么错误，备受折磨。期间试手了 Ant+Ivy, 现今试用了下 Gradle，感觉不错，它应该才是我真想要的，Maven 差不多该扔到一边去了。
Gradle 像 sbt 构建工具一样，也不会帮我们生成默认的目录布局，这些要自己来做。这不是什么麻烦事，因为只需做一次，可预先写好初始化脚本，幸好本人已习惯 shell 操作。
假设我们有这样的build.gradle文件apply plugin: 'java'
我们执行
apply plugin: 'war' //有这行时我们需要创建 src/main/webapp 目录
apply plugin: 'eclipse'gradle eclipse后是不会生成src目录的，工程下的源文件目录是需要自己来生成的。Gradle 参考 Maven 的标准目录布局，即1src 2 ├── main 3 │ ├── java 4 │ ├── resources 5 │ └── webapp 6 └── test 7 ├── java 8 └── resources
我们有两种办法初始化目录布局 Read More- 本人工作之初没有使用自动化构建，后来敏捷了，开始使用 Ant - 完全面向过程的定义步骤，不进行依赖管理。再发展到 Maven，面向对象的方式管理工程，有了依赖的管理，JAR 包统一从中央仓库获得，保存在本地库。同时产生了 Ivy + Ant，让 Ant 也能管理依赖，不过 JAR 包依赖仓库也是用 Maven 的。
前面都是用 XML 来配置的，虽说 XML 的标签描述性也很强，但阅读性还是有些牵强，并且 Maven 和 Ant+Ivy 都需要 IDE 的支持，比如在 Eclipse 中有专门 Maven Dependencies 或 ivy.xml [*] 中列出项目的依赖包，这里常会出现些问题。
而我今天想尝试使用的是基于 Groovy 的 Gradle，只要一个 build.gradle 文件，实质是一个 groovy 文件，由于可以 DSL，所以 Gradle 比 XML 更写意，更主要的是 Gradle 项目不需要 IDE 的特别支持，见后面的图。
先要安装 Gradle，在我的 Mac 系统下我是用brew install gradle安装的，不同平台下可能用 yum, apt-get，安装后执行gradle命令验证。
接着按以下步骤：
1. 创建项目目录 testgradle，并进入到新创建的目录mkdir testgradle
cd testgradle Read More 
个人感受，TDD 是一种很好的开发方式，而如今一惯不怎么写测试用例的 JavaScript 代码也有了许多优秀的测试框架，如 Jasmine，Qunit，JsTestDriver，JSUnit，Mocha等。Jasmine(茉莉花--该不会是敏感词吧) 是 BDD，行为驱动开发的测试，典型的例子就是 given-when-then 这样的描述，即基于 Spec 的测试。
Grunt 是 Node.js 生态圈中的构建工具，正火着呢。一说到 Node.js，初接触它的人初印象大概是
require('http').createServer(...).listen(1337, 'localhost'), 这样的例子反而让人无所适从，其实 Node.js 的能耐大着呢。关于 Grunt 的简单使用可以参考之前的一篇：Grunt - 基于 node.js 构建工具之初体验，这篇足够有助于我们对 Grunt 的大局的理解。
Grunt 能与 Jasmine 的结合有赖于 grunt-contrib-jasmine 这条红线，再加上 PhantomJS, 使可以完全脱离浏览器而在控制台下跟测试用例了。 最快速的体验 grunt-contrib-jasmine, 可从 github 上克隆一个例子项目来，当然假设你已安装好 Node.js, Grunt, PhantomJS 这些工具 Read More
WordPress 终于又迎来一次次版本号的升级，带来几个便捷之处，如直接拖拽图片进编辑器中，随意缩放旋转。同时把 TinyMCE 从 4.0.21.1 版，这直接造成了我之前的那个添加代码的自定义工具按钮歇菜了，弹不出选项来。见 语法加亮插件 SyntaxHighlighter 的好伴侣，轻便的 TinyMCE 工具按钮 中描述的那个自定义插件。所以要把该插件升级下，使之兼容 TinyMCE 4，TinyMCE 从 3 到 4 的改变还真不小，界面上看到多了行菜单条，它的 API 变得大了去。
本文参考了：
1. http://www.tinymce.com/wiki.php/API3:method.tinymce.Plugin.createControl
2. http://www.tinymce.com/wiki.php/api4:class.tinymce.Plugin
3. http://www.tinymce.com/tryit/menubutton.php
现在改成了一个带三角的 MenuButton，如图： Read More