当完成一项前端的工作之后，许多人都会忘记该项目的结构与细节。然而代码并不是马上就能完全定型，在余下的时间里还有不断的维护工作，而这些工作也许不会是你自己完成。所以，结构优良的代码能很大程度上优化它的可维护性。下面列出五种提高CSS文件可维护性的方法，也就是一种较好的CSS样式指南。

1.分解你的样式
对于小项目，在写代码之前，按页面结构或页面内容将代码分为几块并给予注释。例如，可以分别将全局样式、布局、字体样式、表单、评论和其他分为几个不同的块来继续工作。

而对于较大的工程，这样显然不会有什么效果。此时，就需要将样式分解到几个不同的样式表文件。下面的master stylesheet 就是这一方法的例子，它的工作主要是导入其他样式文件。使用这一方法不仅能优化样式结构，而且有利于减少一些不必要的服务器请求。而分解文件的方法就有许多种，master stylesheet 使用了最常见的一种。

/*------------------------------------------------------------------

[Master Stylesheet]
Project: Smashing Magazine
Version: 1.1
Last change: 05/02/08 [fixed Float bug, vf]
Assigned to: Vitaly Friedman (vf), Sven Lennartz (sl)
Primary use: Magazine
-------------------------------------------------------------------*/
@import "reset.css";
@import "layout.css";
@import "colors.css";
@import "typography.css";
@import "flash.css";
/* @import "debugging.css"; */
同时对于大型项目，你也可以加上CSS文件的升级标志或者一些诊断措施，这里不再详述。

2.建立CSS文件索引
为了能够迅速的了解整个CSS文件的结构，在文件开头建立文件索引是一个不错的选择。一种可行的方法是建立树形的索引：结构上的id 和 class 都可以成为该树的一个分支。如下：
...

Read More...

从整体上讲，网络营销不仅在互联网、电子商务、公关广告、营销传播、音像图书、服装等行业里享有盛誉，同时得到了家电、小家电、涂料、家具、地产、汽车等民用制造业里众多从业者的认可。

而在整个网络营销中，最成熟、普及面最广、用户认可度与接受度最高的，应该属以下几种：

一是针对百度、谷歌等搜索引擎的关键词营销，比如参与关键词竞价，购买关键词，或者是关键词优化，在关键词搜索结果页上获得较好的排名；

二是新浪、搜狐、腾讯等知名门户网站的品牌网络广告，以及依托这些流量庞大的门户网站举办的网络活动，实施幕疃苹?br />

三是包括窄告、电子商务平台推广、邮件群发/许可邮件营销、短信群发/订阅等其他网络营销手段。

在上述三种网络营销手段中，标准化的程度大多非常高，不需要太多个性化创造的东西，也不需要极富创造性、巅覆性的创意设计。当然，其中的网络广告与网络活动是相对需要创意设计的广告形式。

品牌网络广告在动画、色彩、广告语等方面往往都需要极富创造力的设计，而网络活动也需要在活动主题、组织形式、参与人员、推广方式等环节进行独特的创意与策 划，但依托这些门户网站无论是投放极富创意的品牌网络广告，还是举办主题性的网络活动，其成本都是不菲的。而且观目前大多数活动，创意苍白已是一种普遍现 象，而模式化的活动形式却时时可见。

如果网络营销一直陷于这样品牌网络广告、搜索引擎营销、电子商务平台推广及模式化的网络活动等几种有限 的形式当中，不仅对互联网的营销功能是一种损伤，同时对更多需要借力互联网的中小企业而言，是一种失策。但值得庆幸与祝贺的是，新近崛起的赢道新营销品牌 传播机构开始打破网络营销的沉闷局面，推出了“FEA”（话题营销·事件营销·活动营销）营销传播模式，借助互联网的力量，挖掘创意源泉，创建优势策略， 帮助营销资源相对有限的成长型企业“以小搏大”，帮助困守一隅的地区型企业“从区域走向全国”。

下面列几个例子，从不同的角度切入，可一窥网络营销的创意之源与创意之略。

一、电子贺卡：病毒式传播的创意策略

将 电子贺卡引入到网络营销之中，起始之日已难以追溯，早期时，通过邮箱发送电子贺卡成为一种时尚。一直到现在，每遇节日或岁末年初，一些公司便制作出节日卡 或微型网站通过包括邮箱在内的多种网络传播通路分发出去，当然这些贺卡或微型网站上面必然植入了企业或产品的信息。在表示祝贺、分享节日喜庆的同时，企业 又将产品或品牌的推广工作做了。
...

Read More...

今天，整个互联网充斥了谷歌浏览器的消息。
下来体验一番。
说说设计上喜欢的几点：
1.界面设计的整体基调非常简洁；使用户快速准备的关注信息本身，弱化浏览器。这也是谷歌一贯的设计理念。
2.省去顶部标题栏，节省空间
3.状态栏设计为隐藏，仅在需要时才出现。
4.启动速度非常快。
5.为开发人员设计非常友好的体验。如“查看源代码”“审查元素”等
6.收藏夹采用快捷键来开启和隐藏，留出大部分空间给信息本身。

更多信息可以阅读http://www.google.com/chrome/intl/zh-CN/features.html

使用说明：本调查表共有100题，回答每一个问题时按照以后三个步骤：
（a）请评估每一个问题是否适用于所评审的系统。如果不适用，跳到下一题。如果适用，请继续回答。
（b）对于所评估的系统，请评价该问题的重要性（1是最不重要的，3是最重要的）
（c）评价系统在该问题上的表现（1是非常糟糕，7是非常好），如果不存在，请选择不存在项
1.兼容性
1）光标的控制是否符合光标的移动？
2）用户控制的结果是否符合用户的期望？
3）所提供的控制是否符合用户的技能水平？
4）界面的编码（例如，颜色、形状等）是否为用户所熟悉？
5）用词是否为用户所熟悉？
2.一致性
6）界面颜色的编码是否符合常规？
7）编码是否在不同的显示及菜单上都保持一致？
8）光标的位置是否一致？
9）显示的格式是否一致？
10）反馈信息是否一致？
11）数据字段的格式是否一致？
12）标号的格式是否一致？
13）标号的位置是否一致？
14）标号本身是否一致？
15）显示的方向是否一致？（漫游或卷动）
16）系统要求的用户动作是否一致？
17）在不同的显示中用词是否一致？
18）数据显示和数据输入的要求是否一致？
19）数据显示是否符合用户的常规？
20）图形数据的符号是否符合标准？
21）菜单的用词和命令语言是否一致？
22）用词是否符合用户指导的原则？
3. 灵活性
23）是否可以使用命令语言而绕过菜单的选择？
24）系统是否有直接操作的功能？
25）数据输入的设计是否灵活？
26）用户是否可以灵活地控制显示？
27）系统是否提供了灵活的流程控制？
28）系统是否提供了灵活的用户指导？
29）菜单选项是否前后相关？
30）用户是否可以根据他们的需要来命名显示和界面单元？
31）系统是否为不同的用户提供了好的训练？
32）用户是否可以自己改变视窗？
33）用户是否可以自己命名系统命令？
34）系统是否允许用户选择需要显示的数据？
35）系统是否可以提供用户指定的视窗？
36）为了扩展显示功能，系统是否提供放大的功能？
4. 可学习性
37）用词是否清晰？
38）数据是否有合理的分类，易于学习？
39）命令语言是否有层次？
40）菜单的分组是否合理？
41）菜单的顺利是否合理？
...

Read More...

关于电影片头设计的blog http://www.artofthetitle.com/