Chrome 扩展开发,定制多功能框(omnibox)

原来一直想着用完整的 Web 应用或 GUI 来做些增强效率的工具集,其实我们每天打交道的浏览器,进行下扩展就能好好的利用。粗略对比了下 Chrome 和 Firefox 的插件系统,Chrome 的插件开发应该要比 Firefox 的简单,无需引用什么新的概念,像 XUL。

例如,想实现一下 omnibox,即 Chrome 的全功能框(地址栏),想要地址栏进入自定的 Unmi 模式,输入关键字让 google 去本站查询,或是输入 tag, category 直接进入本站的相关 tag, category 日志列表,在当前浏览器的 Tab 中打开目的页面。

比如在地址栏上输入关键字 "u>", 然后按空格或 Tab 键就进入到 Unmi 模式,如图

unmi_omnibox

下面是完整开发步骤 阅读全文 >>

WordPress 插件 All in One SEO Pack 生成中文描述的解决

之前也有记录过一篇是针对 All in One SEO Pack 1.6.X 的解决截取中文描述的办法--让All in One SEO Pack 插件适用于截取中文描述,随着该插件一直升级到当前的 2.1.2,我的插件仍然滞留在 1.6.x 的版本,原因是未曾了解下 2.x 下如何处理中文描述的问题。现在有幸找来办法整理了下,特记录在下:

中间插一句,All in One SEO Pack 可真是个吃内存的大户,小心使用。好,和针对 1.6.x  版本的修改一样,对于 2.x 也是要改两个变量值和一个方法,那就是在 aioseop.class.php 文件中

改下面两个变量分别为

var $maximum_description_length = 300;  //原本为 160;
var $minimum_description_length = 80;//原本为 1;

然后修改方法 trim_excerpt_without_filters($text) 的内容为 阅读全文 >>

35 个最好的 Ajax jQuery 自动完成插件,带例子

In this article,We are providing the best tutorials of Autocomplete in jQuery , ajax autocomplete and autosuggest with examples. jQuery Autocomplete an input field to enable users quickly finding and selecting some value, leveraging searching and filtering.In these days every body want fast and instant search,for this reason many popular search engines like google are using this feature ajax autocomplete.Combination of Php,ajax and jQuery autocomplete gives some extra feature to autosuggest.

1. Ajax AutoComplete for jQuery

Ajax Autocomplete for jQuery allows you to easily create autocomplete/autosuggest boxes for text input fields. Built with focus on performance – results for every query are cached and pulled from …
Ajax AutoComplete for jQuery

Read More Demo 阅读全文 >>

Struts2-Json-Plugin 的使用(翻译自官方文档)

在 Struts2 中要使用 Ajax 获得 Json 数据我认为目前还是 struts2-json-plugin 了。当然你你可以用手工用像 XStreamGoogle GsonJackson 这样的工具手工把 Java 对象转换成 Json 字符串再写往 Response 去,要写的代码自然多不了,还得留心字符集与 content type。而 struts2-json-plugin 毫无疑问是与 Struts2 最亲近了,只需你配置一些属性就能得到你想的结果。

本想分几篇逐步介绍如何使用 struts2-json-plugin 的,然而就在现在发现官方的 struts2-json-plugin 指南已经很详细了,所以干脆翻译一下 http://struts.apache.org/2.2.1.1/docs/json-plugin.html,同时自己加深对它的理解。 阅读全文 >>

语法加亮插件 SyntaxHighlighter 的好伴侣,轻便的 TinyMCE 工具按钮

用 SyntaxHighlighter 有一段时间了,版本从 1.x、2.x,到现在的最新版本是 3.0.83,1.x 和 2.x 相差较大,2.x 到 3.x 未感觉多大的变化。SyntaxHighlighter 原来是在 google 中的项目,http://code.google.com/p/syntaxhighlighter/,现在由 DbNetLink 赞助,项目移至:http://alexgorbatchev.com/SyntaxHighlighter/

在 WordPress 中关于应用 SyntaxHighlighter 进行语法加亮有众多的插件支持,搜索 SyntaxHighlighter 就知道了。但是为 TinyMCE 辅助的工具按钮却未找到一个较好用的,之前也有介绍过:给 TinyMCE 添加一个语法加亮插件的工具按钮,也是根据某个插件进行修改的。不如之处就是点击按钮后还需与服务端作一次交互,这对于使用国外较慢的空间有些受不了。 阅读全文 >>

WordPress 里要某功能时,你会去找插件还是修改代码

用 WordPress 建站当初,每每想到要某一功能时首先想到的是有没有相关的插件,而不去思考可通过改哪里的代码来实现。因而造成插件的数量日渐膨胀,直接 40 多个插件同时绽放,还曾引以为豪。

最初的想法是尽量不去修改 WordPress 的代码,用第三方插件,待到以后升级 WordPress 本身时会很方便,不用担心被覆盖的危险。还有就是老觉得配置插件比改代码更易于操作。但是忽略了主题文件也是 WordPress 外围的元件,改改主题文件中的代码又何妨,而且更多时候也只需要改主题中的某个文件。

找第三方插件的结果是,数量多的话肯定要拖累 WordPress,因为不是用 Action 就是用 Filter 来拦截。到现在感觉慢了要整理插件的时候, 阅读全文 >>

用 Add Post URL 给文章加上版声明,并附加排除 ID 的功能

就像是给邮件增加签名一样,我们有时候(可能多数时候) 也需要给日志的前或后附上固定的内容。比如文后加个本文链接、版权声明什么的,你肯定不会想在每篇文章后手工加这么一段,那会死人的。这就是这里要介绍的 Add Post URL 插件,它可为你在文前或文后加上一段 HTML 代码,显然你不光可用它来加版权声明,甚至是外挂文章前后的广告。实现上了解过 WordPress 插件的应该能反应到它是用 the_content 过滤器来实现的。 阅读全文 >>

让你的 WordPress 显示日志的点击/阅读数-WP-PostViews

以前弄 Joomla,现在是纠结在 WordPress 上了。写的日志,想清楚的知道每篇日志受关注的程序,即点击/阅读数,不知道有些主题里是否能支持该功能,反正我所用的主题是没有的,所以又需要安装一个插件在每篇日志下方显示该日志被阅读的次数。

我找到了 WP-PostViews,相关的还有 WP-PostViews Plus, WP-PostViews Plus widget。许多东西,总是别人会搞些 Plus, Enhanced, Extended 或是 Yet Another 系列。一般来说都会比原始版本要好些,但这里我还是不细究 WP-PostViews Plus 了,而 WP-PostViews Plus widget 是基于 WP-PostViews Plus 的 Widget。这里介绍下 WP-PostView 的安装与使用。
下载、安装、选项设置都还简单,关键是它被启用之后,不能马上见到效果,还需要改改你所用主题目录中的几个文件。看看我的站点上应用了它之后的效果:

阅读全文 >>

WordPress 分页插件,WP-PageNavi 或 WP-PageNavi-LightWord

在 WordPress 中可以设置每天显示的日志数,并以上一篇、下一篇的链接进行导航。但是日志多了,一个是不能快速跳到哪几篇来浏览,还有就是别人对你有多少篇也没底。所以需要一个分页导航的插件,网上一找就看到了 WP-PageNavi 比较受推崇,而 WP-PageNavi-LightWord 只是 WP-PageNavi 针对 LightWord 主题的一个改造版,仅仅是自定义了下样式,其他如选项、代码几乎一样,由于它们使用了同样的函数,所以不能同时被激活。可以先看看它们界面上的一些区别:

WP-PageNavi 的界面截图:WP-PageNavi-LightWord 的界面截图: 阅读全文 >>