Firefox 3 即将在6月发布，Mozilla已经开始着手规划Firefox 4纲要。Mozilla Labs副总裁Chris Beard透露了一些Firefox 4构想，其中重点谈到了Prism和Weave两大功能，它们都已经在Firefox 3中出现，只是并未整合进Firefox。据Chris Beard介绍，二者将会在Firefox 4中扮演重要角色。

 Prism可以让Firefox中的应用离线使用，如同虚拟操作系统，只要有网络就可以完成许多应用。Firefox 4 中Prism将会发挥更大作用，Chris Beard说Prism将会成为Google Gears，乃至Microsoft Silverlight 和Adobe Air终结者，让它们没有用武之地。

 Weave是Mozilla还处在早期测试阶段的一个产品，用于同步、保存本地数据，目前以扩展形式安装。其发展方向与Prism相反，二者可以互为补充，共同完成虚拟操作系统的功能。待Weave在Firefox 4中完善后，Portable版（便携版）将没有存在的必要，因为只要一根网线用户就能立即同步所有信息，如书签、各种设置信息等。

另外，Chris Beard还透露这计划有望在2009-2010年完成，也就是说，Firefox4的发布时间应该在此范围内（当然，Firefox延也是家常便饭）。

下载体验：Firefox 4.0 alpha 1 预览版

Firefox 附加组件官方网站更新，新的网站查找起来更方便，中文化也更好了。

中文地址：https://addons.mozilla.org/zh-CN/firefox/

今天偶然在网上发现一张非常眼熟的照片，和我几年前去泸沽湖拍的照片很像，遂翻出原照比对。果不其然，一模一样，只不过是缩小了尺寸加了网易旅游的水印！

对于商业网站使用图片的版权要求我不太了解，但是在我不知情的情况下用了我拍的照片，应该是算侵犯著作权了吧。应该谴责一下！网易的侵权我相信应该还不止我一个，在中国的大环境中，这恐怕是再平常不过的事情了。但是我还是声明保留维护我的版权的权利。

接着搜索，又发现了一串转贴的页面，有5、6个网站之多。看来盗你一张照片还真不算什么，整片文章搬走也不稀奇。

网易网站的图片：

盗用的网站

• http://daily.travel.163.com/itinerar/detail.jsp?iid=1453
• http://tourist.yuxi.gov.cn/xxxs.asp?id=2005101108142685859
• http://travel.163.com/05/0811/13/1QSJMUMB00061DPA_5.html
• http://www.5ykan.com/html/yishu/lvyoujianwen/20070408/45831.html
• http://travel.qqread.com/comeback/mytrip/t764738000.html
• http://2006.chinataiwan.org/web/webportal/W5016426/A118005.html

原图：

今天偶然在网上发现一张非常眼熟的照片，和我几年前去泸沽湖拍的照片很像，遂翻出原照比对。果不其然，一模一样，只不过是缩小了尺寸加了网易旅游的水印！

对于商业网站使用图片的版权要求我不太了解，但是在我不知情的情况下用了我拍的照片，应该是算侵犯著作权了吧。应该谴责一下！网易的侵权我相信应该还不止我一个，在中国的大环境中，这恐怕是再平常不过的事情了。但是我还是声明保留维护我的版权的权利。

接着搜索，又发现了一串转贴的页面，有5、6个网站之多。看来盗你一张照片还真不算什么，整片文章搬走也不稀奇。

网易网站的图片：

盗用的网站

Yet Another Smooth Scrolling

全面自定义用鼠标滚轮和键盘光标键滚动页面时的平滑效果，使之更加自然和符合用户习惯。如果用过Picasa就知道这种平滑滚动的感觉了。

这个扩展是用来让你全面自定义页面平滑滚动效果的。有了这个扩展，你就可以配置每次鼠标滚轮滚动一个齿格时页面滚动的长度（滚动步幅）、页面滚动时的平滑度，以及页面滚动速度对鼠标滚轮滚动速度的敏感度（加速敏感度）。此外，你可以单独配置用键盘光标键（上下左右键）滚动页面时的平滑效果。在设置窗口中，你可以动态的调整各项参数。不需要关闭设置窗口就能测试调整后的效果。

有三套方案可以设置，分别用红、绿、蓝的颜色表示，通过鼠标右键菜单或Firefox状态条的图标可以灵活切换。刚开始用的时候可能有些不习惯，用用习惯了以后，恨不得所有滚动条都能平滑滚动。

下载地址：https://addons.update.mozilla.org/en-US/firefox/addon/5846

原文链接：http://blog.sheji12.com/?p=31

del.icio.us是现在最流行的web书签服务，相关的介绍就不多说了，这里主要介绍一下del.icio.us的Firefox插件。

del.icio.us Bookmarks 由 Yahoo 官方发布，保证该扩展能够极好的和 del.icio.us 的结合。

安装后在Firefox工具条增加了两个图标：“搜索书签”和“添加书签”。点击“搜索书签”按钮，可以打开侧边栏来显示所有的书签，在侧边栏可以通过搜索和标签来快速找到需要的书签。 当浏览一个网页想要收藏时，点击按钮“添加书签”即可，非常方便，而且还可以设定需要的tag等信息。

另一个非常有用的就是 del.icio.us 工具条了。 del.icio.us 工具条可以按照书签、tag 和 Bundles 来显示，最常用的是 Bundles。在按Bundles显示时，del.icio.us 工具条就成了一个多级的书签菜单，查找更加方便。当然，此时你可能需要重新调整你的Bundle设置来更合理的管理你的书签。

下载地址：https://addons.mozilla.org/zh-CN/firefox/addon/3615

原文链接：http://blog.sheji12.com/?p=32

这个插座可以180度旋转，让你方便的插拔各种电器。在插座前边还有一个转盘，让你选择一个图标来代表插上的是什么电器。在拥挤狭小的空间，拔插头时不再需要顺着电线找到底要拔哪一个了。

原文地址：http://blog.sheji12.com/?p=30

PicLens 能将你的 Firefox 变成一个很炫的 3D 全屏图片浏览器，包括相册效果和拖放放大功能，给你全新的看图体验。

PicLens 支持 Flickr, Smugmug, DeviantArt, Photobucket, Picasa 等图片网站和 Facebook, MySpace, Bebo 等 sns 社区以及 Google, Yahoo, Ask, Live 等图片搜索结果页面，更酷的是，支持在 RSS 里浏览图片。

PicLens 支持的浏览器有Firefox，Internet Explorer 和 Safari。

Firefox版本载地址：
http://www.piclens.com/firefox/download/piclens-win-release-1.6.2.1659.xpi

原文地址：http://blog.sheji12.com/?p=26

PicLens 能将你的 Firefox 变成一个很炫的 3D 全屏图片浏览器，包括相册效果和拖放放大功能，给你全新的看图体验。

PicLens 支持 Flickr, Smugmug, DeviantArt, Photobucket, Picasa 等图片网站和 Facebook, MySpace, Bebo 等 sns 社区以及 Google, Yahoo, Ask, Live 等图片搜索结果页面，更酷的是，支持在 RSS 里浏览图片。

PicLens 支持的浏览器有Firefox，Internet Explorer 和 Safari。

Firefox版本载地址：
http://www.piclens.com/firefox/download/piclens-win-release-1.6.2.1659.xpi

Windows XP的字体显示是像素字体，边缘不够圆滑，所以在软件界面和网页中主要是12xp、14px等有限的几种大小，其他尺寸的中文字体显示就非常难看了。其实Windows有个ClearType的选项，只不过应用在中文字体上效果不好。

Windows Vista中提供了一种新的字体“微软雅黑”！先来看看和宋体的显示效果比较吧。

从上面我们可以看出微软雅黑的优秀品质：

1. 单独设计的粗体。 以往宋体的粗体都是通过内嵌点阵或者字体引擎渲染的，效果不是很好。粗体的单独设计意味着另外设计一套字体，所有的时间成本和人力成本翻倍，造价也会翻倍，但是显示效果也会非常好。再考虑到繁体中文和日文韩文都是如此处理，微软这次真的下了血本了。
2. 显示品质优异的斜体。 不是吹的，在 windows 上第一次看到如此清晰的中文斜体，真的有点令人感动。虽然是 14px ，但宋体的斜体已经显得支离破碎了。
3. 更清晰的小号字显示。 在以往， 12px 是宋体能显示的极限。小于12px的字号会因为没有内嵌点阵而变得模糊。而从上面微软雅黑的字范来看， 11px 下的显示非常优秀， 10px 的字基本可以辨认， 9px 以下，对于汉字的正常显示，已经是不可能的任务了，平常也不会作为正常的屏幕使用字号，但这个极限字号的测试是一个有参考价值的项目。我们可以看到，由于字体设计师出色的Hinting工作，雅黑在这种情况下仍然还有大约一半左右的字符可以识别出来。
4. 对于最常用的字号 ， 12 、 14px ，微软雅黑的显示非常的清晰和优美，中英文的搭配非常的和谐。和宋体相比，雅黑的字形不是正方形的，而是稍微的扁宽，字间距很小，这样的处理使得默认的行间距更为明晰；同时雅黑的字心显得更为饱满，在同样的字号下，雅黑的单字面积就显得更大，更容易识别，阅读起来也更舒服。
5. 更优美而现代的字形设计。从此以后，很多网页的标题字可以不用做成图片了，尤其是blog之类的web2.0应用的网站，它们直接使用雅黑就可以在页面上实现很完美的版面设计效果了。

既然有这么好的字体，再加上Windows也支持ClearType字体，那么在Windows XP上显示微软雅黑就是水到渠成的了。

1. 首先下载微软雅黑的字体，并复制到C:/Windows/fonts/中；
2. 在显示属性控制面板中的进行必要的设置：
   1. 打卡“显示控制”面板=》
   2. 选择“桌面”标签=》
   3. 点击“高级”按钮=》
   4. 在高级面板中选择“项目”中的各个条目然后相应修改字体为“微软雅黑”
   5. 点击“确定”按钮，并点击“显示控制”面板的确定按钮，此时看看桌面的图标字体和菜单的字体是不是已经有些变化了，可能还不够清晰，不要紧，还没有打开ClearType设置，继续；
   6. 再次打开“显示控制”=》“桌面”标签，点击“效果”按钮；
   7. 勾选“使用下列方式使屏幕字体平滑”，并选择“清晰”
   8. 点击“确定”按钮，并点击“显示控制”面板的确定按钮。这次再看看，应该字体显示变得圆润光滑了吧。
3. 为了得到更好的显示效果，建议再下载运行一下微软提供的ClearType设置工具“ClearType Tuner PowerToy”。通过进一步调节，可以使显示效果更优。

Windows设置完成以后，浏览网页还是使用系统默认的宋体来显示，可以修改浏览器的显示字体。对于IE，菜单=》工具=》Internet选项=》常规=》字体，修改字体为微软雅黑；对于Firefox，菜单=》工具=》选项=》内容=》默认字体，修改为微软雅黑。

相关下载：

• 微软雅黑、微软雅黑Bold
• ClearType设置工具

原文地址：http://blog.sheji12.com/?p=25

It is much easier to criticize somebody else’s work than to create something cool yourself. But if you apply a systematic approach to criticizing, make a numbered list and prepare illustrations, it will be regarded as a fully-fledged analysis! In my opinion, icon design is undergoing a transitional period. On the one hand, screen resolutions are increasing, hence enhancing icons. On the other hand, we still have good old pixels. Icons sized 16×16 and even smaller are still widely used. And so, here are the most commonly observed mistakes in icon design…

1. Insufficient differentiation between icons
图标之间没有明显的差异化（太相似，难以辨识）；

Sometimes within one set of icons, we have icons that look alike and it is very hard to understand what is what. If you miss the legends, you can very easily get the icons mixed up.

Icons from the Utilities section in Mac OS X. I am always getting them confused and launching the wrong application.

The problem is aggravated by having small size icons displayed on screen.

2. Too many elements in one icon
在一个图标中设计了太多的元素（windows vista的图标是反面教材）

The simpler and more laconic the icon, the better. It is preferable to keep the number of objects in a single icon to a minimum.

Nevertheless, Microsoft’s designers, inspired by the new format of icons featured in Windows Vista, decided to go big and drew bloated icons to justify their bloated budget:

Each icon presents us with a mini-story with an intertwined plot. The problem is that in small size you are unable to work out what is depicted. Even in larger sizes, it is not always that easy to decipher the icons.

3. Unnecessary elements
加入不必要的元素

An icon should be easy to read. The fewer elements it has, the better. It is better if the whole image is relevant and not only part of it. Therefore, you have to pay attention to the context of using icons.

Let us take for instance some database icons:

At first glance everything looks alright.

But if this application (or a separate toolbar) deals only with databases, we can (and should) remove the unnecessary part:

The sense is not lost here but the icons become much more discernible.

Here is a real-life example of unnecessary elements occurring in BeOS 5 icons:

Ticks here are absolutely superfluous. By the way, why are they done in red?

4. Lack of unity of style within a set of icons
一套图标中的图标统一性不足（颜色主题，透视角度，尺寸，绘图技法等）

It is a unity of style that unites several icons into a set. The uniting property can be any of the following: color scheme, perspective, size, drawing technique or a combination of several such properties. If there are only a few icons in the set, the designer can keep some rules in his head. If there are many icons in the set and there are several designers working on them (for instance, icons for an operating system), then special instructions are created. Such instructions describe in detail how to draw an icon so that it fits straight into the set.

A multitude of styles in the shell32.dll file in Windows XP. This is the default set of icons suggested to a user wishing to change an icon.

5. Unnecessary perspective and shadows in small icons
在小图标中（24X24以下）使用不必要的透视和阴影

Progress does not stand still: interfaces have gained the potential to display semi-transparent objects, lost the limitation on the number of colors and there is now a trend towards 3D icons. But is it really all that useful? Not always! Especially if we are talking about icons sized 16×16 or smaller.

For example, let us take the application manager from GNOME 2.2.0 (RedHat 9):

Perspective in icons of such minute size is unnecessary and even counter-productive.

And here is the application manager from Windows XP:

As standard, icons in Windows XP are given a two-pixel black shadow; but in 16×16 size the shadow appears too large and makes the icons look dirty. The Address Book icon looks especially bad in this set.

6. Overly original metaphors
过于原始隐喻（比如将回收站设计成碎纸机的样式）

Selecting what is to be displayed in an icon is always a compromise between recognizability and originality. Before a metaphor (image) is developed for an icon it is wise to see how it is done in other products. Maybe the best solution lies not in coming up with something original but rather in adopting the existing solution.

An example of excessive originality is the bin icon in OS/2 Warp 4, which is not actually a bin at all but a shredder.

Another problem with choosing a shredder is that there is no one well-known type of shredder out there. The icon appears very much like a printer with an octopus hidden inside. What is more, it is absolutely unclear how a full bin would be displayed according to this metaphor.

7. National or social characteristics not being taken into account
国家区域和文化特征没有被考虑进设计中

It is always necessary to take into account the conditions in which your icon is going to be used. An important aspect here is national characteristics. Cultural traditions, surroundings and gestures can differ radically from country to country.

Let us suggest that we need to draw an icon for working with e-mail. It makes perfect sense to use a metaphor of real paper mail. A mailbox for example.

These images are courtesy of the Wikipedia article entitled Post box.

The answer can be found in the manual on creating icons for Mac OS X: "Use universal imagery that people will easily recognize. Avoid focusing on a secondary aspect of an element. For example, for a mail icon, a rural mailbox would be less recognizable than a postage stamp."

The idea of using a stamp is great but the use of the eagle red-tailed hawk image is definitely questionable.

However, you need to account not only for national features… That reminds me of something funny. Once, we needed an icon for a data filter, which is often portrayed using the metaphor of a funnel. It was drawn like this:

The client’s response was as follows: "I do not really understand why for a filter, you drew an icon shaped like a Martini glass!"

8. Images of real interface elements in icons
在图标中使用纯界面化的元素（比如泛滥的mac aqua效果，用户会认为你的产品是苹果的产品）

The manual on creating icons for Mac OS X warns us: “Avoid using Aqua interface elements in your icons; they could be confused with the actual interface.” But all in vain! For instance, take a look at the following icon:

You reach out to click on the radio button but end up clicking the whole icon!

Here is an interesting example from the OmniWeb browser interface:

Pay attention to the Previous and Next buttons, a rare type of button with legends underneath. Oops! They are not buttons at all, they are icons!

9. Text inside icons
在图标内部使用文字（特别是不容易辨识的）

This mistake is commonly seen in application icons. Clearly the first thing that comes to mind when working on an application icon is to adapt the application’s logo. What is so bad about the text inside the icon? Firstly, it is directly language-related and so impedes localization. Secondly, if the icon is small, it is impossible to read the text. Thirdly, in the case of application icons, this text is repeated in the name of the application.

10. Outside the pixel framework
图标外部边缘没有做像素化处理

As a rule, this problem occurs if you use a vector editor for drawing icons. In large size everything looks pretty and clear; but in reality the icons are small, and under rasterization anti-aliasing frets the objects’ borders.

本文引自：http://turbomilk.com/truestories/cookbook/criticism/10-mistakes-in-icon-design/

http://blog.sheji12.com/?p=23

ArtRage 的界面很酷！完全不是常见的Windows界面，操作的按钮、对话框、输入输出的交互界面都是自绘的图形界面。

绘图工具

这是绘图工具的界面，点击可以选择不同的工具，圆心显示大小或者粗细，鼠标按下移动就可以调节，不需要严格的点在某个按钮上。 画笔的种类不是很多，当然这款软件是模拟油画的，有这些工具就够了。

工具参数调节面板用来调节各种工具的参数，透明度、粗细等等，调节过程也是鼠标按下拖动的方式，很方便。

辅助工具

辅助工具包括对对象的移动、缩放、旋转的工具按钮以及其他附加工具的选择。主要有模板和尺子等工具，可以非常仿真的使用直尺和各种曲线板、字母模板等工具。

调色板

调色板可以以各种颜色模式进行调色，还算方便吧。

图层面板

ArtRage对图层的控制和其他绘图软件差不多，同样也提供了多种混合模式，功能足够用。

对话框

弹出的对话框绝对够酷！一个液体状的动画。

总结

这款小巧的软件绝对能够吸引每一个人的眼球，喜欢就下载一个玩玩吧，当然得配上绘图板。用鼠标可体会不到画画的感觉的。

官方网站：http://www.ambientdesign.com。

基本版下载：ArtRage 官方下载

要想完整版本，也可以google或baidu 一下。

原文地址：http://blog.sheji12.com/?p=14

Mozilla 基金会今天正式公布了 Firefox 3.0 的第 4 个 Beta 测试版，根据官方的信息了解到 Firefox 3 Beta 4 包含 900 多项增强更新，在性能以及内存使用上都有很大改进。确实 HUNG 从 Beta 3 到 Beta 4 的体验中明显感觉到了。当然了，稳定性和部分版本（Vista）的界面也有所改进。不过，这还不是最后一个 3.0 的测试版，Mozilla Firefox 3.0 Beta 5 将于本月底发布，官方的消息表明，Beta 5 将会是 3.0 的最后一个测试版。

而正在测试的 Beta 5 雷区又要比 Beta 4 更流畅和快速，3 月 9 日版本的 UI 上也又有了细节上的改进：

下载 1：releases.mozilla.org/pub/mozilla.org/firefox/releases/3.0b4/
下载 2：mozilla.com/en-US/firefox/all-beta.html

由于是测试版本，请谨慎使用。同时，此次的 Portable 版本更新将不再集成插件和扩展，最新版的插件包可以到这里下载（3 月 10 日更新，需要配合 JRE 1.6.u10 使用），而适用于目前版本的扩展可以到这里看看，这个列表中已经包含了几乎日常使用所需扩展。

Portable 版本下载 1：mediafire.com/?wjmzhbreja0
Portable 版本下载 2：box.net/shared/zc30hez4so

原文地址：http://blog.sheji12.com/?p=19

德国求职网站发布的创意广告。

Life’s Too Short for the Wrong Job.

原文地址:http://blog.sheji12.com/?p=20

我用Firefox有一年左右的时间了，现在越来越觉得Firefox好，已经是我唯一的浏览器了。用Firefix前，主要使用Maxthon，觉得很不错，能过滤广告、丰富的鼠标手势、多标签式浏览等等，这些功能的确在易用性上将IE提高了一个层次。由于经常做网页的设计，免不了要装多个浏览器来验证页面的显示效果，开始时只是用Firefox验证页面，没有真正的用来浏览网页。

随着web2.0的流行，将很多以前桌面的应用放到了网上，比如收藏夹用了del.icio.us、邮件用了Gmail等等，个性化的应用越来越多。这时候也就更需要个性化的浏览器。Firefox正好非常适合。Firefox有一个很好的壳，对W3C的标准支持较好、有很强的扩展性等等优势。

我在办公室用台式机，不能带回家，收藏夹的共享成了一直困扰的问题，直到用上了Firefox的del.icio.us插件。所有收藏的内容都在del.icio.us上，通过插件本地打开收藏夹，和浏览器的收藏夹用起来差不多，而且更方便。从此，Firefox成了我的主要浏览器。

随着使用的深入，开始寻找更多插件来弥补和Maxthon的差距，发现通过插件，可以实现Maxthon的所有主要更能。现在我常用的插件有二十几吧，用起来的确分方便。而且是其他浏览器不可替代的。有些是增加功能，有些提高易用性，有些提供酷炫的效果。以后再详细介绍一下有特色的插件吧。

Firefox也不是完美的，由于为了安全性，禁止ActiveX的运行，导致了很多需要使用ActiveX的网站不能使用，主要就是各银行网站、淘宝等等，略有不方便。当然用 IE Tab插件可以临时用IE内核来浏览，变相这个问题绕过去了。还有，很多网页设计是在IE的环境中开发的，其中有些JS和CSS在Firefox不能运行或显示效果不正常，这时也只用切到IE了。不过随着Web2.0和标准网页设计的普及，以及Firefox占有量的提升，设计者对Firefox的关注已经放到与IE同等重要的位置，新的网站几乎不再出现显示效果不同的问题了。

推荐不是单纯上网看看新闻的用户尝试使用Firefox吧！

Firefox官方网站：http://www.mozillaonline.com/

FIrefox下载：http://download.mozilla.org/...

原文地址：http://blog.sheji12.com/?p=21

地址是 blog.sheji12.com

Google地图增加了地形视图。Google maps很早以前就有了地形，这次google地图悄悄的也把地形加了进来。只是地形图上的地图只有一些大城市。没有详细街道地图，不知道什么时候能把地图和maps合二为一呀。

非常好的油画制作软件，可以充分发挥你的想象力，绘制出属于你的油画作品！ ArtRage模仿自然画笔的功能非常强大，它对各种画笔特性的模仿能力令人叫绝！

官方展示的作品：

以后会陆续介绍该软件界面的特色。

Google地图增加了地形视图。Google maps很早以前就有了地形，这次google地图悄悄的也把地形加了进来。只是地形图上的地图只有一些大城市。没有详细街道地图，不知道什么时候能把地图和maps合二为一呀。