『醉茗轩』

htm/html文件图标丢失解决

Mon, 25 Jan 2010 13:31:48 +0800

　　近来系统不知何故，htm/html文件的图标莫明其妙地变成了.exe的文件图标，尝试网上诸法，复杂者众，然多次修改未果，终得一法，小记一二：）

　　第一步：将注册表中 HKEY_CLASSES_ROOT\htmlfile\ShellEx\IconHandler 子项删除；
　　第二步：“Internet 选项”→“程序”，选择“重置web设置”。

　　至此，问题即可解决。

Golden Ratio in modern CSS

Mon, 17 Nov 2008 15:54:39 +0800

Written by Christos Chiotis

Some general layout thoughts

The styling of a website is not just the looks, it is much more than that. It is the thing that makes the visitor feel comfortable, the thing that will make him subconsciously love it, make him feel like home.

『Twelve Studio』

Mon, 27 Oct 2008 22:17:11 +0800

　　关于 Twelve Studio，长久以来疏于打理，始终还是三四年前的那么一星半草，今日破土动工，小收拾一番：）

从 AS2 到 AS3

Wed, 22 Oct 2008 20:43:03 +0800

　　随着Flash CS3正式版的发布，越来越多的朋友开始从AS2迁移到AS3了。总的来说AS2是AS1的升级版，引入面向对象（OOP）的概念，但并不是完全面向对象的语言，只是在编译过程中支持OOP语法。AS2的面向对象虽然不全面，但却是首次将OOP带到了FLASH，而AS3是一个完全基本OOP的标准化面向对象语言，最重要的就是AS3不是AS2的简单升级，而完全是两种思想的语言。可以说，AS3全面采用了面向对象的思想，而AS2则仍然停留在面向过程阶段，举个例子，就像VB和C#的感觉。

　　所以AS3绝不是AS2的升级版，在AS3里，可以看到JAVA和C#的影子，确实，这三种语言大部分思想都是一致的，只有一些小的区别，比如AS3引入了命名空间的概念，但是不支持比如委托，另外AS3在包封装及外部访问上也引入了一些新概念。下面浅谈几点AS2和AS3的主要区别～

1、异常机制处理

Web2.0网站交互式体验设计的四个方面

Tue, 07 Oct 2008 21:43:06 +0800

　　提到web2.0网站，想到最多的便是“交互体验”，那么到底什么是“交互体验”？网站的“交互体验”主要表现在哪些方面？和大家分享一点思考和想法～

　　所谓的网站“交互体验”就是用户对网站浏览和操作过程的感受，是对网站设计和功能安排的认知和体会。它包括感官体验、情感体验、思考体验、行为体验四个方面。

1、感官体验
　　感官体验，主要指网站给用户留下的第一印象，是漂亮？古朴？简洁等等这些用来形容风景、图画词语都可以来概括用户的感官体验。作为网站交互体验设计的第一层，感官体验主要通过网站的整体形象来创造，核心是网站的主题风格和UI(USER INTERFACE)设计。
　　UI设计主要有三个方面，一是色彩，色彩本身是有感情属性的，也是网站给人们的首要感觉，网站色彩的设计要与网站主题和理念相匹配。如红色的可口可乐、蓝调三星、白色GE等等。二是结构，体现在网站的整体布局，体现的是

The Wheres and Whens of Users' Expectations

Tue, 02 Sep 2008 14:58:48 +0800

Written by Jared M. Spool

Recently, a designer asked us where users expect to find the sign-in box on a web page. Some sites put it on the left and some put it on the right. Has our research shown that one position is better than alternative positions?

A question like this brings up a bigger question of designing for

CSS盒模型（Box Model）

Tue, 04 Mar 2008 22:24:50 +0800

　　W3C定义的盒模式如下：

　　width和height定义的是Content部分的宽度和高度，padding、border、margin的宽度依次加在外面，背景会填充padding和content部分。但是由于浏览器设计上的问题，不同浏览器显示效果会有些不同。

　　· 左右Margin加倍的问题
　　当box为float时，IE6中box左右的margin会加倍。比如：

引用

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

一个兼容的清除浮动方法

Thu, 24 Jan 2008 10:53:25 +0800

　　div.container {
　　border: 1px solid #000000;
　　width:100%;
　　overflow: hidden;
　　}
　　定义 width:100%; 在IE6就可清除浮动，100%随便定也就是给各宽度就可。
　　定义 overflow: hidden; Firefox下清除浮动。

引用