前几天看到口碑网的朋友写了一篇《如何编写兼容各主流邮箱的HTML邮件》，很不错。
在这里，我也要把我的经验和大家分享一下。

众所周知，Email是一项最古老的互联网应用之一。
因此，不少邮件系统还是会采用一些比较古老的处理方式，导致前端方面很多新的技术、新的特性无法被支持。
而且各个邮箱系统以及客户端的差异，也会使email的最终呈现出现很大的偏差。

HTML细节

就目前来说，如果要做一个email页面，为了保证最大的兼容性，有以下几点需要注意：

对于纯文本邮件：

1. 邮件标题不要超过18个字；
2. 每行不要超过34个字。

对于HTML邮件：

1. 邮件标题不要超过18个字；
2. HTML代码和图片尽量不要超过50kb；
3. 页面宽度推荐500px，最大不要超过600px；
4. 避免使用边缘的、非主流的HTML技术；
5. 不使用css来布局，应该使用表格来布局；
6. 不使用外联的css样式，而使用font标签来定义样式，定义链接颜色时也是如此，写法如下： <font style="font-family:arial,helvetica; font-size:10pt; color:#000000">
...
</font>
7. 不使用Flash、Java、Javascript、frames、i-frames、ActiveX 以及 DHTML ；
8. body和meta之类的标签是可以无视的，因为在很多邮箱系统里它会被过滤；
9. 如果整个邮件有用到背景色或背景图，建议用以下方式处理：<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
<tr>
<td width="100%" height="100%" bgcolor=".....">
<!--- 邮件内容 -->
</td>
</tr>
</table>
10. 有背景图片的时候，我们要采用这种写法：<table background="background.gif" cellspacing="0" cellpadding="0">

继续阅读 »

最近我在做理财易网站的SEO优化，
在我改了网站的标题之后很长一段时间，直接搜索“理财易”的话，SERP页面中的网站标题一直没有变。

请看截图：

我猜想可能google的Sitelinks会采用旧的索引文件？
不知道其他朋友有没有注意这个现象。

最近在关注SEO方面的技术，碰到了一个关于中文的URL编码方面的问题。

很多朋友表示百度无法识别经过utf-8编码后的url链接。
星箭认为，是百度故意不识别utf-8编码后的url链接。
但是我注意到，这个现象应该是Google和Baidu对于编码后的url链接采用了不同的解码方式导致。

我们来看赶集网的热门标签页和土豆网的标签频道在搜索引擎中的表现：

继续阅读 »

iRise Studio 是 iRise 公司推出的一款原型设计工具，木的 曾经介绍过这款软件。

iRise可以很方便地设计出与最终产品具有完全一致的交互功能的仿真模型，
使用户在开发之前便可以用真实的数据进行测试，大大提高了开发效率。

以下是软件的部分截图：

在接下来的时间里，我将详细介绍这款软件。

上周去杭州，在延安路上吃了根哈密瓜，突然发现我找不到垃圾箱了。。。
走了很久突然发现前面有个物体看上去虽然像块板，但是很有垃圾箱的嫌疑。

走上前去绕了一圈，发现果然是个垃圾箱！

不过把垃圾箱做成这样子，似乎有误导游客的嫌疑啊。
会不会有游客因为觉得找不到垃圾箱而增加乱丢垃圾的几率呢？

说实话我还是更喜欢这种“传统”一点的垃圾箱：

用户界面

• I Like Your Color
  输入URL然后它会抓出其中的颜色并用16进制表示。
• CSS Multi-element Rollover Generator
  使用CSS和一个图片创建出一个翻转按钮的样式。
• CSS Rounded Box Generator
• Ruthsarian Layouts
  6个CSS页面布局模板，包括颜色、标题等。
• Bluerobot Layout Reservoir
  2栏和3栏的CSS布局框架
• Glish CSS Layout techniques
  2、3、 4栏的CSS布局框架
• The Layout-o-matic
  输入页宽、栏数和padding，它会自动生成CSS和HTML的布局框架。
• Little Boxes
  w3cn.org上提供的那些布局模板
• Open Source Web Design
  各种免费的完整页面模板
• Web Builders’ Toolkit
  更多的模版资源
• Iconico Online CSS Scrollbar Color Changer
• List-u-Like
  一个CSS菜单生成器：轻松创建采用li并兼容各种浏览器的导航菜单。
• Nifty Corners: 无需图片的圆角矩形
• Round Corner Stone/Icon (rcsi) V1.0
  增强的圆角矩形
• Xylescope
  无需下载其他站点就能轻松分析其CSS代码。
• W3C Core Styles
• Checkliste zur Webseitengestaltung
• Testseite zur Zeilenbreite

继续阅读 »

IE真是莫名其妙。

我自己可以在浏览器里关闭这个功能，但是我做的网页别人来访问怎么办呢？

关闭这个工具条有这么几个方法：

方法一：
<META HTTP-EQUIV=”imagetoolbar” CONTENT=”no”>
方法二：
<img galleryimg=”no”>
方法三：定义CSS
<style>
img {nobar:expression(this.galleryImg=’no’)}
</style>

微软在19日公布了IE7的最终正式版，并预计于11月1日通过自动更新推送IE7。
同时，Yahoo版的IE7提取出来以后的数字签名和官方版完全相同。
不过这次IE7发布的英文版是英文版的，国内用户应该不会大规模地使用。
正好可以趁这段时间测试一下，对于一些问题可以有一些对策。

体验IE7
IE7视频

下载和安装

[url=http://download.microsoft.com/download/3/8/8/38889DC1-848C-4BF2-8335- 继续阅读 »

作者简介：Whitney Quesenbery 是一位用户界面设计者以及可用性专家。她与世界各地的公司合作获得了优胜网站，网站和软件应用等奖项。作为 UPA 评判和可用性项目的主管，她被任命为美国政府在评判系统标准问题上的顾问委员会的委员。 Whitney 还担任着美国 UPA 主席的职务。

1. Building a Better Style Guide

1.1. ABSTRACT（摘要）

Why are style guides so frequently created, but so rarely successful? All too often, businesses ask for a style guide as a means to create a common look and feel, in the belief that it will solve usability problems and establish consistency between applications – only to be disappointed in the results. Even if such a style guide is followed carefully, the resulting interfaces may not meet usability goals.. This paper explores strategies for creating a style guide that is more than a simplistic rules book. By making the style guide part of the process, it can be used to promote a shared vision, to help the product meet business and usability requirements for consistency and…it may actually be used.

为什么规范如此频繁的被创建，但却很少成功的？时常企业创建一个规范的目的是能够创建一致的样子和操作习惯，并且希望透过规范来解决易用性方面的问题并且能够建立不同产品之间的一致性，但结果却是让人失望。即使规范被严格的遵循，结果却是界面的样式与易用性的目标相违背。这篇文章讨论的就是如何让规范不仅仅是一个规范手册。让规范融入到开发过程中，用于提升可视的共享（a shared vision？），让产品与商业需求和易用性要求相结合等等。让它真正的被使用。 继续阅读 »

Nielsen 拥有博士学位，同时也是 Nielsen Norman Group的使用者倡导者和负责人（Nielsen Norman Group 是他与 Apple Computer 的前研究副主管 Dr. Donald A. Norman 所合创的）。在 1998 年以前，他是 Sun 公司的一位杰出的工程师。他在 Web 可用性的领域被公认为世界的权威。

Nielsen 已经获得了偶像级的地位，是如今讲谈会最受尊敬的使用者接口大师级主讲者之一。全球许多设计者对他推崇备至，然而还有许多人却想把他绊倒。

他用下述三个基本的原则来启发设计者：精致简约，越少越好和支持使用者任务、不要阻碍使用者。

通过这些原则，Nielsen 领导他的听众设计出更好的网站。在他看来，这就好比在万里长征的旅途中迈出了第一步。为了来改善网站造访者的使用体验，Nielsen 继续阅读 »