UI 设计的魅力在于，你不仅需要适当的技巧，更要理解用户与程序的关系。一个有效的用户界面关注的是用户目标的实现，包括视觉元素与功能操作在内的所有东西都 需要完整一致。为了实现这个目标，你需要问自己 10 个最基本的问题。

1. 你的 UI 是否高度一致？
Read more…

盒子模型（Box Model）是 CSS 的核心，现代 Web 布局设计简单说就是一堆盒子的排列与嵌套，掌握了盒子模型与它们的摆放控制，会发现再复杂的页面也不过如此，然而，任何美好的事物都有缺憾，盒子模型有两 种不同的诠释，一种来自 IE6，一种来自 W3C 标准浏览器。

盒子模型

下图就是一个典型的盒子模型示意图

在内容区外面，依次围绕着 padding 区，border 区，margin 区，这一模型结构在所有主流浏览器都是一致的。通过盒子模型，我们可以为我们的内容设置边界，留白以及边距，盒子模型最典型的应用是这样：我们有一段内 容，可以为这段内容设置一个边框，为了让内容不至于紧挨着边框，可以设置 padding ，为了让这个盒子不至于和别的盒子靠得太紧，可以设置 margin。

Read more…

1、创建站点地图

有两种类型的站点地图：传统站点地图和搜索引擎站点地图。两者都很容易加入到Web站点中。传统站点地图可以作为其他HTML网页创建，而搜索引擎站点地图根据搜索引擎的规范而格式化。创建它们一般会使得内容被索引的比率和深度增加，否则未引用的内容将不被索引。前者是重要的，因为它不但可以使得索引更快，而且可以减少内容盗窃。一个良好组织的传统站点地图对访问者也是很有用的。

2、修复重复的标题和Meta标签

在Web站点中的很多页面上使用相同的标题或Meta标签，对排名有害。实际上，这可能是因为搜索引擎不希望这种冗余的结果出现在它的SERP中显示，如果那样读者的兴趣就会降低。另外，千篇一律的标题通常也让读者没有兴趣去单击。通常需要对编程人员的这个疏忽进行修补。

3、请求并交换相关链接

发送一个友好的电子邮件给邻居索要链接，可能会获得一个高质量的链接。适当地交换相关Web站点的链接，有利于搜索引擎的排名。“适当地”很难定义。但是，一个比较好的尺度是这个链接是否出现在你所希望它出现的位置。如果不是，或者它只在某个目录页面底部，混在一堆其他链接当中，那还是别去了!

4、创建链接诱饵

虽然链接诱饵很难确定单击或丢失的结果，但是它不失为一种构建链接的经济途径。它可能根据有用信息和兴趣而不同，以复杂的站点工具或浏览器工具栏出现。

一、安全性差,由于漏洞众多极易受到攻击
二、用户体验差,不支持标签浏览等功能致使用不便
三、阻碍WEB技术发展,不支持HTML5相关标准技术
四、不支持W3C标准,导致WEB开发人员额外付出大量的精力用于修正对其兼容性
五、性能差,易崩溃,Javascript脚本运行效率低下 (看此演示页是如何用几行CSS与HTML代码就使IE6崩溃的)…
为了和ie6 say goodbye,劳费加入以下在代码在body中:

您正在使用IE6浏览器访问本站。注意：IE6是不安全与易崩溃的老旧浏览器，推荐您[更换]!

         1、不要使用过小的图片做背景平铺。这就是为何很多人都不用 1px 的原因，这才知晓。宽高 1px 的图片平铺出一个宽高 200px 的区域，需要 200*200=40, 000 次，占用资源。 
　　2、无边框。推荐的写法是 border:none; border:0; 只是定义边框宽度为零，但边框样式、颜色还是会被浏览器解析，占用资源。 
　　3、慎用 * 通配符。所谓通配符，就是将 CSS 中的所有标签均初始化，不管用的不用的，过时的先进的，一视同仁，这样，大大的占用资源。要有选择的初始化标签。 
　　4、CSS 的十六进制颜色代码缩写。习惯了缩写及小写，这才知道，原来不是推荐的写法，为的是减少解析所占用的资源。但同时会增加文件体积。孰优孰劣，有待仔细考证。 
　　5、样式放头上，脚本放脚下。不内嵌，只外链。 
　　6、坚决不用 CSS 表达式。 
　　7、使用 引用样式表，而不是通过 @import 导入。 
　　8、一般来说，PNG 比 GIF 要小，小得多。再者，GIF 中有多少颜色是被浪费的，很值得优化。 
　　9、千万不要在 HTML 中缩放图片，一者不好看，二者占资源。 
　　10、正文字体最好用偶数，12px、14px、16px，效果非常好。特例，15px。 
　　11、block、ul、ol 等上下留出至少一倍行距，左侧至少两倍行距，右侧随意。 
　　12、段落之间，至少要有一倍行距。 
　　13、强行指定某些元素的 line-height，正文 1.6 倍于文字大小，标题 1.3 倍。 
　　14、中文标点用全角。英文夹杂在中文中，左右空格，半角。 
　　15、中文字体的粗体和斜体，远离较好，利民利己。

Read more…

我们在使用 JavaScript 的 onmouseout 或 onmouseover 事件时，如果鼠标经过事件绑定的元素内部的元素时，都会触上以上两个事件，这个问题想必您即然来看此文章，必然是知道了。本文转载Padder之手
Read more…