Fengoffice 2.0 简体中文语言包shellway版，初步翻译了一下。供Fengoffice用户们参考。

下载连接：http://s.dbank.com/e0nfx6fyss

密码：shellway

下面上图，有图有真相！

Wordpress v3.3更新后帅帅的页面

Wordpress v3.3管理工具条

Wordpress v3.3上传工具更新，上传更方便

上传文件界面，支持文件直接拖放上传

---------------------------------------------

好好学习，天天向上

我的演示站点也更新了，大家可以去看下。

http://fo2.demo.shellway.cn，用户名、密码都是demo。

Sourceforge页面：http://sourceforge.net/projects/opengoo/files/fengoffice/fengoffice_2.0.0beta3

• bugfix: Fixed problem uncompressing files -修复解压缩文件问题；
• bugfix: Loading indicator hidden -加载探测器隐藏；
• bugfix: Search in mail contents -邮件内容搜索；
• bugfix: Mail reply js error -修复邮件回复js错误
• bugfix: Filter members associated with deleted objects -筛选与删除对象关联的成员；
• bugfix: Fixed permission error creating a contact -修复创建联系人时的权限错误；
• usability: Contact View Improvements-联系人视图优化；
• usability: Navigation Improvements -导航优化；
• system: Permission system fixes -权限系统修复；
• system: Performance issues solved. Using permission cache 'sharing table' for listing -解决性能问题。使用权限缓存“共享表”来生成列表；
• system: Weblinks module migrated -链接库模块迁移；

-----------------------------------------

好好学习，天天向上

我们灰常灰常高兴Fengoffice 2.0 beta版终于发布了。高兴之情难以言表啊。

我们为之尽力开发已为期一年了，我们的努力是大大的给力哦。

概述

Fengoffice 2.0的最大变化在于其架构的翻新，这促使它向终极协同项目管理平台迈进（对很多客户来说，它已然如是）。

也就是说，Fengoffice 2.0的界面跟1.7.x系列的界面是大同小异的（有一些界面的修改我们正在进行——其中之一就是易于定制的界面外观）。

那么，各位就等着不久的将来共同一睹Fengoffice 2.0的新颜。

系统平台

简言之，我们可称Fengoffice为项目管理软件。

但是如若您使用了Fengoffice，您就知道它远不止这些。

Fengoffice核心（在2.0及以上，我们将更多提到核心）是一个协同平台。甚于近期的改进。

信息将更多的围绕人而汇集，以及团队协同的方法。

您的团队将能够使用更适合的工具，组织和共享常用的信息，以及使用信息的方法。

插件机制

系统具有为不同团队增添特殊功能和行为的能力是大家的希望的。Fengoffice也一直致力于能具有这种功能。

但是之前版本的一个主要问题是，系统缺少正式的定义和插件系统的标准化。我们是用了两种不同的整合技术来实现，在系统中混合使用了插件和“钩子”(hooks)，以便我们用于特定用户的特定情况。

Fengoffice 2.0 系统核心将摆脱以往的进程频率，从而为坚固而简约平台而努力。

多维度(为每个业务需求)

其中，Fengoffice 2.0 最为有趣的变化，可能要数“工作区”概念向“多维度”（综合性分类）的进一步拓展。

在我们大多数资深的社区用户中，“工作区”已是一个流行（知名）的概念。“工作区”可以代表一个客户、一个项目、一个文件夹、一个公司，及其他能包含丰富重要信息的实体。

但是，“工作区”（及标签）有两个局限：

• 他们仅限于两种维度（工作区和标签）；
• 工作区并非您所指的直接名称；

随着“工作区”向“维度”的演变，系统管理员和整合者将能够为每一项业务定制Fengoffice，也就是所谓的客户的“客户”，项目的“项目”等（乖乖，到底什么意思？）。

有图有真相哈：

用户角色

鉴于您与谁协同办公（客户，合作者，公司总监等），你将希望以不同的方式（权限）展现信息，可以设定信息对用户的重要程度。再者，您可以设定机密信息，防止泄露。

Fengoffice以往版本已经可以让您为每个用户设置这一切了，但是管理起来仍很麻烦。Fengoffice 2.0 将可以预设用户角色，这样您就可以轻松设置访问权限和对每个成员都最有意义的设置了。

API

开发者们，欢呼吧！我们在开发FO的API。也就是说，您将可以方便地整合您的程序和插件到Fengoffice系统中，而无需与系统核心死磕。

这意味着更便捷的维护功能和业务扩展机遇。

API功能仍在开发中，但在Fengoffice 2.0中已将此需求提上重要日程，敬请期待。

移动设备访问

最后，Fengoffice 2.0 将是一个更易于移动设备访问的平台。移动设备访问功能仍在开发中，但我们会及时分享相关的进度情况……敬请期待哦！

目前只有这些了。希望大家一起来帮忙测试Feng Office 2.0。欢迎大家积极反馈和评论。

点此链接下载Fengoffice 2.0 (Beta版本，勿用于正式场合！)。

原文地址：http://www.fengoffice.com/web/blogen/?p=643

该版本发布在开源项目gelsheet的官方网站上，是整合好的fengoffice程序包。

gelsheet的官方网站：http://www.gelsheet.org

改程序还有一个Wordpress插件版本，名叫WP CALC，大家有博客的可以搜索安装试试哈。

个人感觉整合的还不错，在将语言设置成中文之后，支持中文输入，可以到处到xls或者xlsx文件中。本人测试导出后没有乱码。

唯一的遗憾，上传的xls文件不能在线编辑，要签出线下编辑；还有PDF导出中文依然乱码。

下面截几张图出来晾凉。

Fengoffice的电子表格界面

导出为xls文件之后打开的界面

------------------------------------------------

好好学习，天天向上

本语言包适合Fengoffice最新版本v1.7.5rc2，其他之前版本Shellway还未测试，欢迎大家试试，有问题及时报。

本站下载：http://blog.shellway.cn/resrc/fengoffice/FengOffice1.7-Language-zh_cn-v4.0.zip

更新内容：

1. 词条用词修正：

笔记       ->      便签

报告       ->      报表

web链接 ->     网址收藏

日历        ->     日程表

2. 翻译新版添加词条

一、形象了解用户、用户组、工作区权限界面。

1、当你添加一名用户时，该用户的权限，为两大块：“系统权限”、“工作区权限”（见图一）；另外 “工作区权限”的细分（见图二）。两个部分的权限内容是完全不同的。

用户权限页面

图一、用户权限设置

图二、工作区权限

2、当你添加一个用户组时，权限和用户一样，可能翻译上用户的“系统权限”改为了“权限”（以下都使用“系统权限”来称呼）。

3、当你添加某工作区时，该工作区的权限是“组”和“用户”（见图三），由此可以看到工作区的权限和用户、用户组是双边对应的，我们只需要了解某一边即可。

图三、新建工作区-权限

二、用户、用户组的权限如何合并和如何理解其性质

1、用户、用户组的权限是简单相加，并且“系统权限”是扩展叠加的。

例如：“甲”用户组权限（“系统权限”是“可以管理报告”，“工作区权限”是对“办公程序工作区”的“笔记的读和写”）

用户“张三”的权限（“系统权限”是“可以管理工作区”，“工作区权限”是对“办公程序工作区”的“任务的读和写”）

如果我们将用户“张三”分配为“甲”用户组的成员，则张三打开控制面板会发现他的权限就是（“系统权限”是“可以管理报告”和“可以管理工作区”，“工作区权限”是对“办公程序工作区”的“笔记的读和写”和“任务的读和写”）。

这种叠加是全方位的，因为“工作区权限”很窄，仅在本工作区有效，所以叠加起来没有太大影响，但是“系统权限”却是很广泛的，其结果会产生原本没有预料的效果。

再例如，原本给张三只是对“办公程序工作区”可见以及编辑（该编辑就是“系统权限”中的“可以管理工作区”），但是如果张三成为了“甲”用户组成员，而该用户组权限除了对“办公程序工作区”可见，还对“内部事务工作区”可见，最后这个张三的可见工作区就变成了两个，并且他全部可以编辑。

2、如何设置用户组和用户才合理。

用户组是成员（一般认为就是人，当然不是人也可以）的集合，一般的公司可以理解为部门（直接命名为部门名也是个不错的办法），这意味着用户组的权限是该集体中最普遍的权限，所以用户组权限设置要尽可能的少，并且最好不要分配“系统权限”，除非该“系统权限”是普遍的。

“可以管理工作区”这个“系统权限”尤其是要注意的地方，它的基本内涵是“只要它能看到的工作区，他都能管理”，这是个很恐怖的权力。

成员的权限就少加组，多细分，不会出错的。

三、通过子工作区的建立变相分配权限

因为工作区可以往下细分，父工作区、子工作区，孙工作区（最多能几层不知道），得到父工作区的权限不是想当然得到子工作区的权限，这个是可选的，可分配的（除非该子工作区是分配权限之后才建立的，否则是不会完全继承的）。

用户可以不拥有父工作区，而直接拥有子工作区，用户是不能通过某工作区知道他是否还有上级。

这样可以发现特定的、专门的事情就建立一个工作区（父、子区都可以），只对需要他的人分配该区，也可以达到某种分配特定权限的目的，而不混淆。

四、通过工作区的选择，方便的共享“笔记”“文档”等资料。前面说的都是用户或者组的权限，如果仅仅是针对某份文件，希望给某个特定群体看，只需要在新建该资料时，选择要公布的工作区即可，这样可以完成对某一份文件的所有者权属的划分。

五、最后我想说通过如上的说明，你灵活配置还是可以达到很细致的权限分配目的，让工作顺利有序的进行。

（说明：如果仍有不明白的地方，可以E-mail我讨论，为了更有效的使用FO，让更多的人体会到该软件的优点，大家一起努力。）

版权所有: 且歌且止
本文链接: http://www.qiegeqiezhi.com/xxjs/foyhyhzgzqqxszsm.html
站长声明: 除特别标注, 本站所有文章均为原创, 互联分享, 尊重版权, 转载请注明.

Sourceforge页面：http://sourceforge.net/projects/opengoo/files/fengoffice/fengoffice_1.7.5beta/

相对于1.7.4，新版本做了一下修改和更新：

bug修复: Bug when creating contact from user.

bug修复: Fixed security issues.

bug修复: Issue with js config option in task module.

bug修复: Send button dissapears when sending email.

bug修复: Improved <show all> query for linked objects.

bug修复: Incompatibility with IE9.

bug修复: Language improvements.

bug修复: Warnings of combine.php.

bug修复: Issue when adding/edditing company.

bug修复: Issue with reports.

bug修复: Issue in Date Format Config Handler.

bug修复: Solved issue when viewing different emails in different browser tabs.

bug修复: Email forward is not included in conversation.

可用性: Disable edit workspace button if user does not have permissions, "add workspace" text added.

可用性: New wizard to get started using Feng Office.

系统核心: Check for mb_string library when installing.

系统核心: Images spriting. system: HTTPS support.

 

---------------------------------------------------

好好学习，天天向上

新界面给人的感觉一见如故，我们平常的windows系统中就经常看到，类似于windows vista、windows 7、windows server 2008等系统的界面，有开始菜单、桌面图标，甚至加上了Dock快捷菜单和ipad中的主界面多屏切换。ipad上用应该还不错的。

这次更新估计折腾不小。腾讯Web QQ费这么大劲，到底搞什么飞机？要进军ipad、android等MID应用领域？应该是吧！

截图如下：

腾讯Web QQ桌面UI

fengoffice中添加任务

关于任务是否要分配给多个人，我觉得多人同时接受任务是不妥的。

因为执行任务具有独占性，如果多个人同时是一个任务的接收者，那我估计他们都会不知道是否要自己先去执行这个任务，可能最后都没人去执行。

任务执行其实我们可以按一定的流程来，创建任务时分配给项目经理或者直接是任务执行者，然后由他们完成一部分工作然后转发给另一个执行者，一直这样传下去，直到任务完成。

订户就可以作为任务进程中的所有执行者被添加到任务中来，以实现多人参与。

拿我公司的bug修改任务来说吧：

• 测试组测试页面发现bug，发给相应人员，添加订户；
• 相应人员（比如前端js人员）改完之后，发给下一个人处理（订户中的，比如php程序员）；
• 再传给下一个bug相关人员修改
• And next ……
• 最后都改完，发回测试组的bug发起人检查；
• 检查ok就关闭任务，不行再发回某人处理……

补充一下：我也同时在使用热门的redmine系统（一款Ruby on Rails的开源程序），它的任务分配也是针对单个用户的。

-----------------------------------------------------------

好好学习，天天向上

fengoffice中添加数据对象的订户

在FO中，订户如果具有工作区中的相关权限，就可以对工作区中的数据对象进行操作。如有任务的读写权限，他就可以读写任务，也就可以被添加成订户，对任务进行编辑、执行、结束等操作。

所以，刚开始使用FO，我们需要配置FO的一些参数，如工作区（可以作为部门、项目、客户等来创建）、用户、用户对工作区的权限等……

这样配置之后，新建每一种数据对象都可以添加订户（订阅者||干系人）。

-----------------------------------------------------

好好学习，天天向上

如今，站在巨人的肩上，我们试着更进一步。我们将探讨如何不通过使用多余的标记标签和使用一种友好的高对比的CSS图像精灵技术来为元素定义样式。这种技术可以很好的兼容IE6/7。

从特殊字符开始

我们有很多特殊字符可以替代图片，用以实现自定义图标。这可以改进：

• 性能 (无HTTP请求)；
• 可用性 (这些字符将根据用户设置伸缩)；
• 维护 (无需图片精灵，无需组合图片碎片)；
• 可及 (详见下文)。

例子：

如上列表的符号（♠, ♣, ♥, ♦）是通过以下HTML和CSS生成的：

HTML:

<ul class="glyphs">

<li class="one">performance</li>

<li class="two">usability</li>

<li class="three red">maintenance </li>

<li class="four red">accessibility</li>

</ul>

CSS:

.glyphs {
list-style-type: none;
}

.glyphs li:before,
.glyphs b {
display: inline-block;
width: 1.5em;
font-size: 1.5em;
text-align: center;
}

.one,
.one:before {
content: "\2660"; /* ♠ */
background-image: expression(this.runtimeStyle.backgroundImage="none",this.innerHTML ='<b>&spades;</b>'
+this.innerHTML);
}

.two,
.two:before {
content: "\2663"; /* ♣ */
background-image: expression(this.runtimeStyle.backgroundImage="none",this.innerHTML ='<b>&clubs;</b>'
+this.innerHTML);
}

.three,
.three:before {
content: "\2665"; /* ♥ */
background-image: expression(this.runtimeStyle.backgroundImage="none",this.innerHTML ='<b>&hearts;</b>'
+this.innerHTML);
}

.four,
.four:before {
content: "\2666"; /* ♦ */
background-image: expression(this.runtimeStyle.backgroundImage="none",this.innerHTML ='<b>&diams;</b>'
+this.innerHTML);
}

.red b,
.red:before {
color: red;
}

这是如何工作的？

• content属性值必须是一个指向Unicode字符值的十六进制转义索引值（IE中，我们用CSS表达式来生成html代码）。
• IE6、7不支持“::before”和“:before”伪元素，所以字符需要通过CSS表达式插入到HTML中。
• IE8不支持“::before”，但是支持单冒号的“:before”。
• 请注意：在不考虑浏览器支持与否的情况下，“:before”与“::before”或者“:after”与“::after”之间是没有什么区别的。CSS3之前的所有CSS版本中，单冒号的语法用作伪类和伪元素选择器。随着CSS3的引入，为了区分伪类和伪元素的区别，CSS3中的所有伪元素必须使用双冒号语法，而所有的伪类必须使用单冒号语法。
• IE下，字符被包裹在<b>元素中，这样我们就可以定位到这些字符并给他们附上样式（您可能更喜欢用class来实现）。

注意：此处使用的CSS表达式并非如用来模拟min-width之类的技术一般糟。这些只被执行一次，对性能的影响极小。

通过伪元素显示图片

使用伪元素来显示图片的主要优势在于，它允许设计师裁切图片精灵（sprites）。实际上，这也没什么新鲜的。如今很多站点已在使用附加标记（实则是垃圾标记）来实现此技术。如，雅虎搜索使用空的<s>元素，Facebook则用空的<i>标记来达到这个目的。此方法需要创建复杂的CSS图片精灵（sprites），其中图片之间没有空白间隔。

下面两例没有使用额外的标记，而且他们用的是同一张sprites图片：

下面两张图，也就是上图的第二个图标，是用两种技术分别生成的。

Nicolas Gallagher的方法

给伪元素添加背景图：

#first:before {
  content: "";
  float: left;
  width: 15px;
  height: 15px;
  margin: 4px 5px 0 0;
  background: url(sprite.png) -15px 0;
}

新的url() / clip方法

使用content属性插入图片精灵，之后会被clip属性裁切：

#second {
  position: relative;
  padding-left: 20px;
  background-image: expression(this.runtimeStyle.backgroundImage="none",this.innerHTML =
  '<img alt="" src="sprite.png">'+this.innerHTML);
}

#second:before,
#second img {
  content: url(sprite.png);position: absolute;
  top: 3px;
  clip: rect(0 30px 15px 15px);
  left: -15px; /* to offset the clip value */
  _left: -35px; /* some massaging for IE 6 */
}

可能你会纳闷，为什么我要在上面的规则中用position: absolute。那是因为clip属性仅会作用于绝对定位元素。

新技术：她是如何工作的？

• 我们使用伪元素来插入图片（用content属性），而不是给元素定义背景样式。
• 使用clip属性，我们裁切图片成我们想显示的那一部分。也就是说，我们再也没有必要为了避免显示图片的其他部分，而给图片添加多余的空白了（一般被用作大元素的背景图片）。
• 我们用left和top属性使clip偏移到想要的位置。

使用“无裁切”技术时，sprites中的图片应该右对齐或者左对齐排列来迎合RTL/LTR的文本排版模式（background-position: [left]|[right] [竖向值]）。另外一个局限是，创建挨着排的图片sprites（其他图片可能也显示出来）。但是，用裁切sprites技术，这些问题就随之消失了，这样所有的图片就可以紧挨着排列了。

例如下图所示：

此方法较之以前技术的优点：

打印样式
跟背景图片不一样，打印的时候，这些图片将会被传送到打印机中打印出来。

可及性样式
跟背景图片不一样的是，这些图片在微软视窗高对比度模式或者高对比样式表渲染下不会消失。

兼容IE8之前浏览器的样式
IE 6、7中同样有效.

注意：数据URI scheme可用于避免HTTP请求。IE6/7不支持数据URI scheme，但是我们可以使用IE6、7的MHTML来使IE7及更老浏览器也能理解它。

用伪元素定义链接样式

Nicolas Gallager秀出了 很多很酷的玩意儿，我们可以用这些来处理为元素。在此我仅说一件，就是用“::after”为链接添加样式，如下所示：

更多详情>>

CSS:

.more,
.more:after {
white-space: nowrap;
content: " \00BB"; /* » */
background-image: expression(this.runtimeStyle.backgroundImage="none",
this.innerHTML = this.innerHTML+' »');
}

可及性

您可以假设内容是给屏幕阅读器看的。既然没有任何机制可以为content属性所插入的图片提供替代文本，那我们就应该确保这些图片只是纯粹的装饰用的，原因是我们的屏幕阅读用户可能看不到这些图片信息。

原文作者：Thierry Koblentz

原文地址：http://www.smashingmagazine.com/2011/03/19/styling-elements-with-glyphs-sprites-and-pseudo-elements/

HTML5高级程序设计封面

作 者：Peter Lubbers， Brian Albers，Frank Salim 著，李杰 柳靖 刘淼 译

出版社：人民邮电出版社

简介：

本书首先介绍了HTML5 的历史背景、新的语义标签及与以往HTML 版本相比的根本变化，同时揭示了HTML5 背后的设计原理。从第2 章起，分别围绕构建令人神往的富Web 应用，逐一讨论了HTML5 的Canvas、Geolocation 、Communication、WebSocket、Forms、Web Workers、Storage 等API 的使用， 辅以直观明了的客户端和服务器端示例代码，让开发人员能够迅速理解和掌握新一代Web 标准所涵盖的核心技术。本书最后探索了离线Web 应用并展望了HTML5 未来的发展前景。

本书面向有一定经验的Web 应用开发人员，对HTML5 及未来Web 应用技术发展抱有浓厚兴趣的读者也可以学习参考。

在线预览：http://book.51cto.com/art/201012/239224.htm

---------------------------------------------

好好生活，天天快乐

QQ记事、日志的快速发布功能

QQ 2011 beta1版本添加了许多新功能，其中就有“快速发布”功能。
可能是腾讯考虑到QQ空间使用量很大，才增加这个功能的。如果用户再需要登录网页再发布内容，可能会制约QQ空间的发展。
这项功能其实就是将QQ空间的部分常用功能简单地在客户端实现，方便用户发布空间日志和图片。

这项功能可能很多人不懂怎么用。其实很简单的，在“我的好友”列表中找到你自己，然后双击你自己的用户名就打开了文章开头的界面了。确实很方便。

--------------------------------------
好好生活，天天快乐

10年前，只有最尖端的网站设计师会为网页的布局和修饰使用CSS。那时的浏览器对CSS进行布局的支持即不完善又漏洞百出，所以这些人在坚持 WEB标准化的同时，也不得不采用hacks来使得他们的页面在所有浏览器中都能正常显示。其中一个被使用的越来越多的hack技术是浏览器嗅探 （browser sniffing），使用Javascript里的navigator.userAgent属性来判断用户使用的是什么品牌哪个版本的浏览器。浏览器嗅探 技术可以快捷的将代码进行分支，以便针对不同的浏览器应用不同的指令。

今天，以CSS为基础进行的布局已经非常普遍，浏览器们对它的支持也非常的坚实。但是现在CSS3和HTML5来了，历史转了个圈又回到了原地—— 各个浏览器对这些新技术的支持又开始变得参差不齐了。我们早都习惯了书写整洁的符合标准的代码，也不会再使用CSS hacks或者浏览器嗅探这些不靠谱又低级的技术。我们也相信越来越多的用户会认同 网站不必在所有浏览器里都看起来一样 的理念。那面对当下这个熟悉的情形（浏览器支持的不同），我们该怎么做呢？简单：使用特征检测（feature detection），这意味着我们不必通过问浏览器“你是谁？”来做出不靠谱的推测。取而代之，我们问浏览器“你能做这个或那个吗”。这么来检测浏览器 的能力是很简便的，但一个个的花时间去手工测试依然令人厌烦。此时 Modernizr 可以帮助我们。

Modernizr：专为HTML5和CSS3开发的功能检测类库

Modernizr是一个开源的JS库，它使得那些基于访客浏览器的不同（指对新标准支持性的差异）而开发不同级别体验的设计师的工作变得更为简 单。它使得设计师可以在支持HTML5和CSS3的浏览器中充分利用HTML5和CSS3的特性进行开发，同时又不会牺牲其他不支持这些新技术的浏览器的 控制。

当你在网页中嵌入Modernizr的脚本时，它会检测当前浏览器是否支持CSS3的特性，比如 @font-face、border-radius、 border-image、box-shadow、rgba() 等，同时也会检测是否支持HTML5的特性——比如audio、video、本地储存、和新的 <input>标签的类型和属性等。在获取到这些信息的基础上，你可以在那些支持这些功能的浏览器上使用它们，来决定是否创建一个基于JS的 fallback，或者对那些不支持的浏览器进行简单的优雅降级。另外，Modernizr还可以令IE支持对HTML5的元素应用CSS样式，这样开发 者就可以立即使用这些更富有语义化的标签了。

Modernizr是基于渐进增强理论来开发的，所以它支持并鼓励开发者一层一层的创建他们的网站。一切从一个 应用了Javascript的空闲地基开始，一个接一个的添加增强的应用层。因为使用了Modernizr，所以你容易知道浏览器都支持什么。下面我们来 看一个通过应用Modernizr来创建尖端网站的实例。

从应用Modernizr开始

首先从www.modernizr.com下 载Modernizr的最新的稳定版（目前国内封了Modernizr的官网，我们可以从github上下载。或者更简单点，可以从堂主这里下载最新的 1.7版的脚本文件），在官网上你还可以看到它支持检测的所有特性的清单（本文末位会给出这些清单，以便翻不了墙的童鞋可以知道都支持哪些）。下载完最新 版本以后（作者写这篇文章的时候用的是1.5版），把它加入页面的<head>区域：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>My Beautiful Sample Page</title>
<script src="modernizr-1.5.min.js"></script>
</head>
…

接下来，向<html>元素添加“no-js”的类。

<html>

当Modernizr运行的时候，它会把这个“no-js”的类变为“js”来使你知道它已经运行。Modernizr并不仅仅只做这一件事情，它 还会为所有它检测过的特性添加class类，如果浏览器不支持某个特性，它就为该特性对应的类名加上“no-”的前缀。所以，你 的<html>元素可能会变得看起来像下面这个样子：

<html>

Modernizr同时还会创建一个JS对象，被命名为“Modernizr”，其内容是为每一个检测完的特性给出的布尔值结果组成的列表。如果浏 览器支持新的canvas元素，那么“Modernizr.canvas”的值就是true；如果浏览器不支持这个新元素，那它对应的值就是false。 这个JS对象针对某些功能还会包含更为详细的信息，如“Modernizr.video.h264”会告诉你浏览器是否支持这个特殊的编解码器。 “Modernizr.inputtypes.search”会告诉你当前浏览器是否支持新的search input类型，等等。

我们的 未加工的简单小页面 看起来有点像一个准测试系统了，但它具备更好的语义性和可访问性。让我们为它添加一点基本的样式：一点文字格式、颜色和布局以使它更好看。目前位置，没什么新东西，只是为一个语义化结构的HTML页面添加表现样式，看看添加了样式后的页面。

下面，我们要增强这个页面使得它更有意思。我想为头部的h1应用一个奇特的文字效果，把关于检测特性的列表分为两栏，然后将带有一张照片的关于 Modernizr的部分的一切都弄到右边去。我还要把围绕页面内容的边框变美点。现在，更给力的CSS3使你可以对一条规则添加更多的属性，如果浏览器 不支持这些属性，它会忽略它们。配合使用CSS的层叠（继承），你可以不必依赖Modernizr而使用像“border-radius”这样的新属性。 不过，使用Modernizr可以为你提供一些既有手段提供不了的功能：根据浏览器对新东西支持的差异动态修改的<html>的类名。我会通 过对我们的页面添加2条新的规则来说明这点：

.borderradius #content {
border: 1px solid #141414;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}
.boxshadow #content {
border: none;
-webkit-box-shadow: rgba(0,0,0, .5) 3px 3px 6px;
-moz-box-shadow: rgba(0,0,0, .5) 3px 3px 6px;
box-shadow: rgba(0,0,0, .5) 3px 3px 6px;
}

第一条规则为“#content ”元素添加了一个12像素的圆角。但在既有的页面里我们已经为“#content ”元素设置了一个属性值为“2px outset #666”的边框，这在box是直角的时候是蛮好看的，但在圆角情况下就不是了。感谢Modernizr，我可以在浏览器支持“border- radius”的情况下给box设置一个1px的实边。

第二条规则更进步了一点，我们为“#content ”元素添加了一个阴影，并且针对支持“box-shadow”属性的浏览器一并移除了border属性。为什么呢？因为大部分浏览器并不为“边框附带边 角”的组合外加阴影这样的效果提供一个好的表现（这是一个应该被注意的浏览器的瑕疵，但我们现在却必须忍受它）。同不使用阴影只使用边框相比，我宁可只使 用阴影包围元素。采用这种方式，我可以拥有全世界最好的，准确点的，最好的一种CSS表现：在支持“box-shadow”属性的浏览器里将会呈现一个美 妙的阴影；只支持“border-radius”属性的浏览器将会呈现一个好看的圆角薄边框；对于那些这2者都不支持的破烂浏览器，我们会看到一个2像素 的直角边框。

下面我们要为header应用一个自定义的特殊字体，下面的是我们目前针对h1的声明，没改动版的：

h1 {
color: #e33a89;
font: 27px/27px Baskerville, Palatino, "Palatino Linotype",
"Book Antiqua", Georgia, serif;
margin: 0;
text-shadow: #aaa 5px 5px 5px;
}

这些声明在我们的基础网页里工作良好，27像素的文字大小也很适合我们为h1设置的那些字体的展示。但对于我要用的名叫“Beautiful”的字体来说，27像素就太小了。下面我们要添加其他的规则来使用这个自定义字体：

@font-face {
src: url(Beautiful-ES.ttf);
font-family: "Beautiful";
}

.fontface h1 {
font: 42px/50px Beautiful;
text-shadow: none;
}

首先，我们添加“@font-face”声明，并在其中为我 们的自定义字体指定路径、文件名和字体名。之后我们用一条CSS语句为我们的h1选择字体样式。你会看到，我这里选择了一个很大的字号，那是因为 “Beautiful”字体本身就比其他字体的文字要小很多，所以我们必须要指示浏览器在展示我们自定义字体的时候，给予h1一个很大的字号。

此外，我们漂亮的手写体文字在文字阴影方面存在一些渲染问题，所以我们要在浏览器决定使用自定义文字时取消文字的阴影。另外，关于检测特征部分的列 表还需要被分为两栏。为了达到目的，我要使用牛叉的CSS columns 属性，这一属性会使浏览器把列表智能分栏而不会打乱它的顺序，而我们的列表，虽然没有数字序号，却也是按照字母顺序排列的。当然，不是所有的浏览器都支持 这一属性，对于那些不支持的浏览器，我们使用浮动来达到2栏的目的——使用了浮动后列表在视觉上不会再按照字母顺序排列，但那也好过什么都没有。

.csscolumns ol.features {
-moz-column-count: 2;
-webkit-columns: 2;
-o-columns: 2;
columns: 2;
}

.no-csscolumns ol.features {
float: left;
margin: 0 0 20px;
}

.no-csscolumns ol.features li {
float: left;
width: 180px;
}

我又一次使用了Modernizr来针对不同的情况设置不同的属性。如果浏览器支持CSS columns，它就会把列表完美的分为2栏，如果不支持，通过Modernizr为<html>添加的“no-csscolumns”类我 们也可以用浮动的方式使得列表变为两栏，虽然不那么完美，但也比直接来一个长串的单栏列表强。

这里您可能注意到了我为属性添加了不同的前缀（-moz-、-webkit-、-o-），这是因为不同的浏览器厂商对该功能的实现有不同的定义，所以要实现该功能需要针对不同的浏览器加上它们对应的前缀。

经过这些改变，我们 新的页面 看起来更好了。

我们将为我们的页面添加进更多的渐进式增强效果来结束这篇教程。基于WebKit的浏览器支持一些更牛叉的特效，如CSS变换、动画和三维转换等。 并且我想在最后一个阶段的页面中应用一些这类特效。再一次的，这些属性会被添加进我们既有的CSS中并在不支持它们的浏览器中给忽视。所以，针对这种一方 面是渐进增强一方面是不被支持的情况，使用Modernizr是恰当的。

首先设置的：

@-webkit-keyframes spin {
0% { -webkit-transform: rotateY(0); }
100% { -webkit-transform: rotateY(360deg); }
}

.csstransforms3d.cssanimations section {
-webkit-perspective: 1000;
}

@keyframes规则是新的CSS animations规范中的一部分，目前只有WebKit支持。它容许你针对任何属性声明一个完整的动画路径，并在你喜欢的任何阶段改变它们。想知道关于animations的更多知识，请阅读 W3C Working Draft specification。

下面我们添加使得我们一个元素在三维空间里旋转的代码：

.csstransforms3d.cssanimations section h2 {
background-image: url(modernizr-logo.png);
overflow: hidden;
-webkit-animation: spin 2s linear infinite;
}

因为logo要转动，且又希望它转的时候和背景相处的融洽些，于是这里用了一个png格式的文件。我还采用了一个 “overflow:hidden”属性来隐藏设置了缩进-9999像素的header里的文字。使元素以3D的形式旋转虽然有趣却并不太美观。最终，我 们选择使用animation规则，设置它的旋转周期为2秒钟，沿着自身的中轴线旋转，永不停止。

最终的页面 看起来很给力，甚至还针对WebKit浏览器设置了好玩的动画。我希望到现在你能明白使用Modernizr可以使你对网站控制的手腕变得多么牛叉，以及 它可以令真正的渐进增强变得多么简单。这还不仅仅是Modernizr的全部好处，它还可以帮你建立基于JS的fallbacks以及可以帮你应用 html5那些牛掰的新特性。

附，Modernizr检测清单：

1. @font-face
2. Canvas
3. Canvas Text
4. WebGL
5. HTML5 Audio
6. HTML5 Audio formats
7. HTML5 Video
8. HTML5 Video formats
9. rgba()
10. hsla()
11. border-image
12. border-radius
13. box-shadow
14. text-shadow
15. Multiple backgrounds
16. background-size
17. opacity
18. CSS Animations
19. CSS Columns
20. CSS Gradients
21. CSS Reflections
22. CSS 2D Transforms
23. CSS 3D Transforms
24. Flexible Box Model
25. CSS Transitions
26. Geolocation API
27. Input Types
28. Input Attributes
29. localStorage
30. sessionStorage
31. Web Workers
32. applicationCache
33. SVG
34. Inline SVG
35. SVG Clip paths
36. SMIL
37. Web SQL Database
38. IndexedDB
39. Web Sockets
40. hashchange Event
41. History Management
42. Drag and Drop
43. Cross-window Messaging
44. Touch Events

• 原文地址：
  http://www.alistapart.com/articles/taking-advantage-of-html5-and-css3-with-modernizr/
• 堂主译文地址：
  http://osmn00.com/blog/front-end/taking-advantage-of-html5-and-css3-with-modernizr.html

经典论坛交流：
http://bbs.blueidea.com/thread-3014642-1-1.html

本文链接：http://www.blueidea.com/tech/web/2011/8341.asp

出处：蓝色理想
责任编辑：bluehearts

下载地址：http://sourceforge.net/projects/opengoo/files/fengoffice/fengoffice_1.7.4/

直接下载：http://sourceforge.net/projects/opengoo/files/fengoffice/fengoffice_1.7.4/fengoffice_1.7.4.zip/download

Shellway之前发布的语言包和主题仍然可以继续使用。

相对于1.7.3.1版本，做了一下优化和改进（部分翻译）：

bugfix: HtmlPurifier library updated（更新HtmlPurifier库）

bugfix: Sending emails fixed to avoid sending an email more than one time when receiving 'mysql has gone away' msg in the middle of the process.（修复发邮件可能会重复发送的问题）

bugfix: Security issue with cookies.（修复cookie安全问题）

bugfix: Issue in combine.php.

bugfix: Issue with report conditions with date comparisons.（修复报表日期比对条件问题）

bugfix: Fixed langs for es_es and es_la.

bugfix: Logs were not written for subtasks when trashing, untrashing, archiving and unarchiving tasks.

bugfix: Permissions issue at users history log.

bugfix: Tasks reports shows priority codes instead of showing prioriy names.

bugfix: Fixed: reminder didn't use timezone in some cases.

bugfix: Class name removed from search results.

bugfix: File revisions in search results sometimes shows html code.

bugfix: When reporting objects with list custom properties only the first value was shown.

bugfix: When composing an email, fields to, cc and bcc not always select the email from the list if clicking it.

bugfix: Event creator appears twice in the email when other user accepted the invitation.

bugfix: Email signature does not change when composing an email and changing the from address.

bugfix: Issue with upload control when attaching a file that already exists in the system.

bugfix: Bug with CKEditor and Chrome when adding an image to a document.

bugfix: Checkbox were not cleared when reloading contact list.

bugfix: Issue when having more than one tab with Feng Office and viewing emails in each tab.

bugfix: Templates with assigned tasks are not shown properly at tasks widgets.

bugfix: Date format config handler is not initializing correctly for some values.

bugfix: Escape characters for report results.

bugfix: Issue with calendar reports.

bugfix: Issue with tasks widget in dashboard.

bugfix: Issue with milestone due dates in listing.

bugfix: Issue with conversation list permissions when viewing an email.

bugfix: LinkedObjectManager issue fixed.

system: CKEditor upgraded to version 3.5.1（CKEditor更新版本）

feature: Added APC cache for config options and other frequent objects.（添加频繁使用的对象的缓存功能）

feature: Added languages: Bulgarian, Suomi and Svenska.

feature: Upgraded languages: cs_cz, de_de, el_gr, it_it, ja_jp, nb_no, nl_nl, pl_pl, zh_cn.

feature: Improved the message for emails in outbox when logging in.（登录时已发邮件提示信息的优化）

feature: Added some indexes and improved parts of the code to improve performance.（添加索引，优化代码提升性能）

feature: Added more checks when sending emails.（添加更多发送邮件时的检查项）

feature: Performance improved for reminder and email pollings.（系统提醒和邮件投票的性能改进）

feature: Show label "Tags" when tags panel is collapsed.（标签面板关闭时显示“标签”文字）

feature: Javascript injection prevention.（添加Javascript注入攻击防卫功能）

---------------------------------------------------

好好学习，天天向上

我的页面content部分在IE7中莫名其妙的就隐藏起来了，把我急了一上午。

这个content的样式是这样的：

.content{padding-top:1px; background:url(../Images/tree_body.png) repeat-y right -1px scroll;}
.content_in{margin-top:-334px; position:relative;}

外面是.content，里面还有一个.content_in，再里面就是一些装饰性的元素（绝对定位的）和内容（相对定位以实现层叠效果）。

这样在火狐中打开一点问题都没有，IE8、IE9RC都没问题，只有在IE7中.content整个隐藏了，但是还占着空间。

后来试了很多方法，去除定位属性，设定left和top属性，给.content和.content_in设置visibility:visible……等等，这些都不起作用。

最后想起一个IE的属性：zoom，试了一下果然行。这个属性可以缩放元素，触发IE中该元素的布局模式（hasLayout），使其有布局结构。

在ie中，一个元素要么自己对自身的内容进行计算大小和组织，要么依赖于父元素来计算尺寸和组织内容。当一个元素的 hasLayout属性值为true时，它负责对自己和可能的子孙元素进行尺寸计算和定位。这意味着这个元素需要花更多的代价来维护自身和里面的内容，而不是依赖于祖先元素来完成这些工作。——《认识hasLayout——IE浏览器css bug的一大罪恶根源》

---------------------------------------
好好学习，天天向上

定义及基本原理

什么是Cufon呢？简单的说，Cufon是一个用来替代sIFR（更早期的一种自定义字体实现方案）框架，实现在网页中对文字字体进行渲染功能的 纯JavaScript开源类库。其基本原理是借助于浏览器所推出的专有页面绘画方案，如 VML、Canvas 和 SVG 等，在网页相关位置上“画”出了所需要显示的文字字符，并同时替换原先区域所需要显示的文字。如果读者所使用的浏览器恰好是Firefox的话，右键单击 经Cufon 渲染的文字，就可以发现这些文字可以按照图片模式进行查看和存储。

简单范例

步骤一：引入Cufon核心库

作为一种基于 JavaScript 的网页字体引入方案， Cufon 的核心功能是通过一个名为“cufon-yui.js”的 JavaScript 类库，提供给开发人员的。因此使用 Cufon 技术的第一步，当然就是在 Web 页面中引入这一类库。首先到Cufon网站下载类库文件（最新版本是1.09i），如下图所示：

代码中引入Cufon库，如下所示：

<script type="text/javascript" src="js/cufon-yui.js"></script>

步骤二：创建和引入字体文件

这里说的字体文件是Cufon字体文件，这是使用 Cufon 技术的另一个关键所在。什么是 Cufon 字体文件呢？简言之 Cufon 字体文件，就是按照 Cufon 所提出的字体描述标准，创建形成的一种字体文件。而和其他字体创建标准如 TrueType、OpenType 等不同的是，按照 Cufon 标准所形成的这一文件本身，就是一个标准的 JavaScript 脚本文件，并交由 Cufon 类库进行解析和处理。

Cufon为开发人员准备了相应的在线工具，来实现这一转换过程。而目前工具所可以转换的字体标准则包括了 TrueType、FreeType2、OpenType、PostScript Font 等多种，应该说这几乎囊括了当前主流的一些字体创建标准。工具的使用其实并不复杂，笔者就不赘述了。

以Denne Shuffle字体为例（更多创意字体可见20款非常有趣的高质量免费字体），在使用这一工具产生了相应的 Cufon 标准的字体文件“Denne_Shuffle_400.font.js”后，就可以通过如下代码所示的形式将其引入到页面中：

<script type="text/javascript" src="js/Denne_Shuffle_400.font.js"></script>

步骤三：应用Cufon渲染

在完成了上述的两项准备工作后，使用 Cufon 类库来实现对字体的渲染是非常简单的，这仅仅牵涉到了 Cufon 类库所提供的一个核心方法，即 Cufon.replace 方法，如下代码所示：

<h1>Take me to your heart</h1>
<script type="text/javascript">
Cufon.replace("h1");
Cufon.set("fontSize","66px");
Cufon.set("color","red");
</script>

而与此同时，为了可以更为精确的控制在进行字体渲染时所使用的字体风格，Cufon 还提供了“配置项（Option）”这一概念，来帮助开发者直接在 Cufon 方法中指定相应字体风格值，上述代码后面两项配置了字体大小为66像素，颜色是红色，更多设置可见Cufon的官方文档。示例的完整代码如下：

<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Cufon</title>
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/Denne_Shuffle_400.font.js"></script>
</head>
<h1>Take me to your heart</h1>
<script type="text/javascript">
Cufon.replace("h1");
Cufon.set("fontSize","66px");
Cufon.set("color","red");
</script>
<body>
</body>
</html>

需要的朋友可以下载Demo，本示例最终效果如下：

优缺点及兼容性

优点：

1. 比siFR技术简单100倍
2. 速度快，瞬间执行
3. 不依赖于服务器端语言

缺点：

1. 依赖于JavaScript
2. 文本无法被选中
3. 无法实现悬停变换效果

Cufon技术在主流浏览器中的兼容性情况如下表所示：

5+  1.5+  1.0+  3.0+  9.5+

总结

总的来说，这种实现自定义字体的方案还是比较简单的，虽然有些不足，但也是一种兼容性相对比较好的方案，个人觉得将来CSS3的@font-face更有可能成为实现网页自定义字体的主要方法。

参考文章：

1. 使用 Cufon 渲染网页字体
2. The Easiest Way to Use Any Font You Wish

原文：http://www.cnblogs.com/lhb25

总体来说，IE9的表现还是不错，页面加载速度快了，对标准的支持也多了，还支持HTML5和CSS3的部分功能。

但是当我IE9打开我的博客主页时，我的微软雅黑Cufon字体不见了。当时我吓一跳。

然后我就去官网看他们的更新。http://cufon.shoqolate.com/generate/

发现官网有1.09版的IE9兼容版本1.09i。所以就下载下来用。

果然不错，问题解决了。

注意：我们之前生成的字体js文件就不用再次生成了，我们只需要替换cufon-yui.js文件。

------------------------------------------

好好学习，天天向上

大多数情况下，我们可以使用IE版本的条件判断注释语句（在HTML代码中，而非CSS），来区别对待每个IE版本。另外，还有很多其他方法可以针对各IE版本设置元素样式。

1. IE条件判断语句

修复各IE版本Bug最常用的方法就是用条件判断语句。如下为针对各版本的示例代码：

• <!--[if IE 8]> = IE8
• <!--[if lt IE 8]> = IE7及更低版本
• <!--[if gte IE 8]> = IE8及更高版本

<!--[if IE 8]>
<style type="text/css">
	/* 这里放IE 8的CSS代码 */
</style>
<![endif]-->

<!--[if lt IE 8]>
	<link href="ie7.css" rel="stylesheet" type="text/css" />
<![endif]-->

2. 针对各IE版本的CSS规则(IE CSS hacks)

另一种方法就是定义仅IE一些版本可以识别的CSS规则。如在CSS规则属性名前添加星号（*）以使规则仅运用于IE7及更低版本，而下划线则针对IE6。这些方法不是正确的CSS语法，不到万不得已的情况，一般不推荐随便使用。

• IE8 or below: 在规则语句末尾，结束分号（;）之前添加反斜杠和数字9 （\9）；
• IE7 or below: 在CSS属性名称前加英文的星号（*）；
• IE6: 在CSS属性名称前加英文下划线（_）。

.box {

	background: gray; /* 标准的规则定义 */

	background: pink\9; /* IE 8及更低版本 */

	*background: green; /* IE 7 及更低版本 */

	_background: blue; /* IE 6 */

}

3. 条件判断中的HTML元素类（Class）

第三种方法是Paul Irish发明的，为<html />标签添加带IE版本号的CSS类，然后用条件判断语句将元素分别添加各版本的CSS规则。此方法优点是明显的，不会导至W3C验证错误。

<!--[if lt IE 7 ]> <html class="lt-ie7"> <![endif]-->
<!--[if IE 7 ]> <html class="ie7"> <![endif]-->
<!--[if IE 8 ]> <html class="ie8"> <![endif]-->
<!--[if IE 9 ]> <html class="ie8"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html class="gt-ie9"> <!--<![endif]-->

过去的所做所为我分不清好坏
过去的光阴流水我记不清年代

忘了老崔的歌
忘了那股劲从何而来
忘了生活并不只是活着
手机发布
 

此次更新添加了不少新功能，也做了不少UI界面方面的改进。

1. 内部链接：3.1版本在撰写文章是可以通过“内部链接”功能链接已有的文章或者页面，我们再也不用到网站中去找了。
2. 管理工具条：包含大量便于切换到某一管理页面的链接。此工具条在用户登录博客后在前台页面显示（如文后图）。
3. 流线型写作界面：新装WP的用户会发现撰写文章页面比之前的简洁了很多。更多的选项默认就隐藏起来了，我们可以点击右上角的显示选项来开启这些隐藏选项。
4. 文章格式：可以被用于文章自定义字段的元信息。详情请参考 Post Formats。
5. 网络管理：常规管理界面中的主站管理菜单和相关页面被迁移到新的网络管理界面了。
6. 列表形式的管理界面：为列表式的界面和更好的分页提供可排序列。
7. 导入/导出检查：很多新功能都隐藏在主要更新中，包括：添加作者信息、更好地处理分类和标签，导航菜单的适当支持。
8. 改进了自定义内容类型：允许开发人员生成存档页，更好地控制菜单及其性能。详情请参考Post Types。
9. 高级查询：允许开发人员查询多个分类及自定义字段。
10. 后台主题翻新：帮助您将注意力集中在您关心的内容上。

除了这十大新功能，此次更新还有以下改进：

• 改进了主题搜索和浏览；
• 改进了主题删除的过程；
• 新的模板文件：archive-{post_type}.php，便于自定义文章类型；
• 登录页面优化；
• 主题和插件开发的很多优化；
• ……

WordPress3.1中新增的“管理工具条”

---------------------------------------------------

好好学习，天天向上

--------------------------------
好好学习，天天向上

HTML5新Logo

HTML5图标真是太帅了。

想要显示一下你的网站是多么先进吗？来添加HTML5图标吧。哈哈

不过本博客比较菜，没有用多少HTML5。希望以后可以多多使用到这个新技术。

这是横排的HTML5图标：

这是竖排的HTML5图标：

--------------------------------------

HTML5简介：

HTML5为HTML标准的最新版本，它提供了：

1. 视频（<video/>）、音乐（<audio/>）等多媒体的实现标签；
2. 为HTML实现画图提供了强大的支持（<canvas/>）；
3. 多种新的属性（是否可拖放、内容是否可编辑、上下文菜单）和事件（拖放、鼠标滚动、页面的滚动显示隐藏等）；
4. 本地大数据的存储（使用localStorage和sessionStorage对数据进行存储）；
5. 新的特殊区块标签，如：header、nav、footer、article、section等；
6. 多种新的表单控件，如：calendar、date、time、email、url、search等。
7. 头部DTD更简单，只要<!DOCTYPE HTML>这几个字符就完事；

--------------------------------------------------

好好学习，天天向上

新春快乐
万事如意
身体安康
财源滚滚！

使用jQuery可以轻松实现。

当你滚动页面时，jQuery会动态修改导航菜单和相关元素的css属性，将导航条绝对定位并设置与页面滚动高度对比后的top属性，导航条就会在浏览器窗口顶部出现了。效果如本站导航菜单所示。

HTML结构如下：

<div id="wrapper">
...
<div id="header">...</div>
...
</div>

Javascript代码如下：

if($(window).scrollTop() > 100){
$('#wrapper').css({'position': 'relative', 'overflow': 'visible'});
$('#header').css({'position': 'absolute', 'top': $(window).scrollTop()-20, 'z-index':'999', 'overflow': 'visible', 'width': '977px'});
}else{
$('#wrapper').removeAttr('style');
$('#header').removeAttr('style');
}

检查您的浏览器是否支持HTML5视频功能，点击下面的按钮：

<video> 标签的属性

在Fengoffice中具体有多少文件的输出使用了其默认的欧码，Shellway未曾一一查看，请大家举一反三，一般用IDE（Eclipse）或者简单的代码编辑器（如UltraEdit）在Fengoffice安装目录中全局查找“ISO-8859-1”，就能很容易地找出来。

关于报表中文乱码问题，我们只需要修改下面这个文件：

\application\controllers\ReportingController.class.php

第一个欧码是在第515行，替换成UTF-8编码就好了，其他同此。修改方法如下图：

Fengoffice报表导出编码修改成UTF-8

-------------------------------------------------

好好学习，天天向上

Zenphoto的后台界面和缩略图生成工具

ZenPhoto是一款小巧的相册软件，基于PHP+MySQL构建，另需GD库支持。

ZenPhoto安装方便，扩展性强，可轻易安装各类模版及插件，并可与 WordPress整合。具备RSS输出、FTP上传方式、Tag功能、评论回复等功能。除了能存放图片外，ZenPhoto还支持FLV及WMV视频。

最新版本：ZenPhoto1.4，于2011年1月2日发布。

官方网址：http://www.zenphoto.org/

Demo：http://www.zenphoto.org/zenphoto

-----------------------------------------------------

好好学习，天天向上

jPlayer视频播放器

jPlayer音频播放器

jPlayer是个很强悍的jQuery插件，目前版本已到2.0.0，发布时间：2010年12月20日。

jPlayer到目前这个版本已经拥有丰富的API，可以轻松定制播放器界面。

插件主页：http://www.jplayer.org

主要功能：

• 在您的网页中控制播放媒体文件；
• 仅需HTML和CSS知识就可以轻松定制播放器外观；
• 将影音文件添加到您的jQuery项目中；
• 可以使用 HTML5，支持更多设备；
• 使用Flash可以兼容旧版本浏览器；
• 使用JavaScript API轻松控制多媒体播放；

jPlayer支持的多媒体类型：

• HTML5: mp3, m4a (AAC), m4v (H.264), ogv*, oga*, wav*, webm*
• Flash: mp3, m4a (AAC), m4v (H.264)

标“*”的是为兼容HTML5的浏览器提供的可选格式。

jPlayer兼容的浏览器及系统：

• Windows: Firefox, Chrome, Opera, Safari, IE6, IE7, IE8, IE9 beta
• OS X: Firefox, Chrome, Opera, Safari
• iOS: Mobile Safari: iPad, iPhone, iPod Touch
• Android: 待测试

jPlayer需要js类库jQuery 1.3.2以上版本；

Demo:

-----------------------------------------------

好好学习，天天向上

修改方法如下：
首先修改WP-include中的classes.php文件（用记事本或者其他更强的编辑器打开），将第47行和第52行代码进行修改。

第47行原代码：
$pathinfo = $_SERVER['PATH_INFO'];

替换为：
$pathinfo = mb_convert_encoding($_SERVER['PATH_INFO'], "UTF-8", "GBK");

第52行原代码：
$req_uri = $_SERVER['REQUEST_URI'];

替换为：
$req_uri = mb_convert_encoding($_SERVER['REQUEST_URI'], "UTF-8", "GBK");

修改后，保存，然后上传新的classes.php文件覆盖原文件即可。

------------------------------------------

好好学习，天天向上

cufon中文雅黑替换效果

由于中文字体支持问题，本站的cufon功能一直没有开启。
近来有空，搜索了一下“cufon中文支持”，无意中找到了一个强悍的角落，呵呵
不过只有“微软雅黑”字体。

http://www.cycoo.net/demo/cufon/demo_cn.htm

我于是查看源码，直接下载字体js，1.28M，虽然大了点，但是如果替换内容不多，国内访问的话，速度影响还是可以接受的。
于是下载了，传到我空间。
字体js下载地址：http://www.cycoo.net/demo/cufon/Microsoft_YaHei_400.font.js

终于可以cufon了，效果就如你看到的本站文章标题那样。

--------------------------------------

好好学习，天天向上